.ms-sw,.ms-ico{--sw: var(--muted)}[data-color="grey"]{--sw: var(--muted)}[data-color="blue"]{--sw: var(--info)}[data-color="green"]{--sw: var(--ok)}[data-color="orange"]{--sw: var(--warn)}[data-color="red"]{--sw: var(--danger)}[data-color="purple"]{--sw: var(--c4)}[data-color="teal"]{--sw: var(--c2)}[data-color="pink"]{--sw: var(--c8)}.ms-swatches{display: flex;flex-wrap: wrap;gap: 8px}.ms-sw{display: inline-grid;place-items: center;inline-size: 34px;block-size: 34px;padding: 0;border: 2px solid var(--panel);border-radius: 50%;background: var(--sw);color: #fff;cursor: pointer;box-shadow: 0 0 0 1px var(--line);transition: box-shadow .15s ease,transform .15s ease}.ms-sw:hover{transform: scale(1.08)}.ms-sw .ico{opacity: 0;transition: opacity .15s ease}.ms-sw[aria-pressed="true"]{box-shadow: 0 0 0 2px var(--sw)}.ms-sw[aria-pressed="true"] .ico{opacity: 1}.ms-sw:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.ms-ico{display: inline-grid;place-items: center;inline-size: 30px;block-size: 30px;border-radius: 8px;background: color-mix(in srgb,var(--sw) 16%,var(--panel));color: var(--sw)}.ms-next{display: inline-flex;align-items: center;gap: 4px}.ms-tpl-name{display: flex;align-items: center;flex-wrap: wrap;gap: 8px}.ms-subj{display: inline-block;max-inline-size: 320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: bottom}@media (max-width: 720px){:root:root .ms-sw{inline-size: 44px;block-size: 44px}}.ms-page .ms-card{margin-block-start: 14px;padding: 16px}.ms-page .ms-card>h3{margin: 0 0 6px}.ms-page .form-bar{margin-block-start: 12px}.ms-banner{display: flex;align-items: flex-start;gap: 12px;padding: 12px 14px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--info-soft);font-size: 14px}.ms-banner>.ico{flex: none;margin-block-start: 1px}.ms-banner.tone-ok{background: var(--ok-soft);border-color: color-mix(in srgb,var(--ok) 35%,var(--line))}.ms-banner.tone-ok>.ico{color: var(--ok-ink)}.ms-banner.tone-warn{background: var(--warn-soft);border-color: color-mix(in srgb,var(--warn) 35%,var(--line))}.ms-banner.tone-warn>.ico{color: var(--warn-ink)}.ms-banner.tone-danger{background: var(--danger-soft);border-color: color-mix(in srgb,var(--danger) 35%,var(--line))}.ms-banner.tone-danger>.ico{color: var(--danger-ink)}.ms-reason{color: var(--danger-ink);overflow-wrap: anywhere}.ms-page .bk-how{margin-block-start: 12px}.ms-test{display: flex;align-items: flex-end;gap: 10px;flex-wrap: wrap}.ms-test .field{flex: 1 1 260px;margin: 0}.ms-outbox{list-style: none;margin: 8px 0 0;padding: 0;display: grid}.ms-mail-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;padding: 10px 0;border-block-start: 1px solid var(--line)}.ms-mail-row:first-child{border-block-start: 0}.ms-mail-main{min-inline-size: 0;display: grid;gap: 2px}.ms-mail-subj{overflow-wrap: anywhere}.ms-mail-meta{display: flex;flex-wrap: wrap;gap: 4px 12px}.ms-mail-meta>span:first-child{overflow-wrap: anywhere;unicode-bidi: isolate}.ms-mail-row>.badge{flex: none}.ms-editor{display: grid;gap: 12px}.ms-tabs{display: inline-flex;padding: 3px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--panel-2);gap: 2px;justify-self: start}.ms-tab{min-block-size: 36px;padding: 0 18px;border: 0;border-radius: calc(var(--r-sm) - 2px);background: transparent;color: var(--muted);font-weight: 650;cursor: pointer}.ms-tab.on{background: var(--panel);color: var(--accent-d);box-shadow: var(--shadow)}.ms-tab:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ms-chips{display: flex;flex-wrap: wrap;align-items: center;gap: 6px}.ms-chip{min-block-size: 30px;padding: 0 10px;border: 1px solid var(--line);border-radius: 999px;background: var(--panel);color: var(--ink);font-size: 12.5px;font-weight: 650;cursor: pointer}.ms-chip:hover{border-color: var(--accent);background: var(--accent-soft);color: var(--accent-d)}.ms-pane{display: grid;gap: 10px}.ms-pane[hidden]{display: none}.ms-pane .field{margin: 0}.ms-pane textarea{min-block-size: 180px;resize: vertical;line-height: 1.55}.ms-tools{display: flex;flex-wrap: wrap;gap: 8px}.ms-preview{display: grid;gap: 8px;padding: 12px;border: 1px dashed var(--line);border-radius: var(--r-sm);background: var(--panel-2)}.ms-preview[hidden]{display: none}.ms-note{display: flex;align-items: center;gap: 6px;font-size: 12.5px;color: var(--warn-ink)}.ms-mail{display: grid;gap: 8px;padding: 12px 14px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--panel)}.ms-mail-subject{font-weight: 750;overflow-wrap: anywhere}.ms-mail-text{white-space: pre-wrap;overflow-wrap: anywhere;line-height: 1.6}.ms-in-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 12px;margin-block-start: 12px}.ms-in-grid .field,.ms-in-login .field{margin: 0}.ms-in-login{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 12px;margin-block-start: 12px}.ms-in-login[hidden]{display: none}.ms-check{display: flex;align-items: center;gap: 8px;margin-block-start: 12px}.ms-in-actions,.ms-in-add{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-block-start: 12px}.ms-in-add input,.ms-in-add select{flex: 1 1 180px;min-block-size: 38px}.ms-page .ms-card>h4{margin: 18px 0 2px}@media (max-width: 720px){.ms-tabs{justify-self: stretch}.ms-tab{flex: 1}.ms-test .btn{inline-size: 100%;justify-content: center}.ms-tools .btn{flex: 1 1 auto;justify-content: center}:root:root .ms-chip{min-block-size: 38px}}@media (prefers-reduced-motion: reduce){.ms-sw,.ms-sw .ico{transition: none}.ms-sw:hover{transform: none}}.ms-page .cn-list{display: flex;flex-direction: column}.cn-head{display: flex;align-items: center;gap: 10px;margin-block-end: 4px}.cn-head h3{margin: 0;flex: 1;min-width: 0}.cn-ico{display: inline-flex;color: var(--muted)}.cn-card .ms-banner{margin-block-end: 10px}.cn-form{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 12px 16px;margin-block: 12px;align-items: start}.cn-form .field{margin: 0}.cn-form input,.cn-form select{width: 100%}.cn-actions{display: flex;flex-wrap: wrap;gap: 8px}.cn-switch{display: flex;align-items: center;gap: 8px;font-weight: 600;cursor: pointer}.cn-switch input{width: auto;margin: 0}.dl-kind{display: inline-flex;align-items: center;gap: 6px}.dl-table .dl-notes{max-inline-size: 280px;color: var(--muted)}.dl-table .dl-actions{white-space: nowrap;text-align: end}.dl-form{display: flex;flex-direction: column;gap: 12px}.dl-form .field{margin: 0}.dl-form input,.dl-form select,.dl-form textarea{width: 100%}.dl-place{display: flex;flex-direction: column;gap: 8px}.ms-page .ms-banner{margin-block-start: 12px}@media (max-width: 720px){.dl-table thead{display: none}.dl-table,.dl-table tbody,.dl-table tr,.dl-table td{display: block;width: 100%}.dl-table tr{padding: 10px 0;border-bottom: 1px solid var(--line)}.dl-table td{display: flex;justify-content: space-between;gap: 12px;padding: 4px 0;border: 0;max-inline-size: none;text-align: end}.dl-table td[data-label]::before{content: attr(data-label);color: var(--muted);font-size: 12px;text-align: start;flex: none}.dl-table td.dl-actions{justify-content: flex-end}.dl-table td.dl-notes:empty{display: none}}