/* Consistent choice fields and floating menus, including their dark appearance. */
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important;animation:none!important}
.choice-source{display:none!important}
.choice-control{position:relative;display:flex;width:100%;min-width:0;vertical-align:middle;border-radius:8px}
.field>.choice-control{margin-top:8px}
.choice-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:40px;padding:10px 12px;border:1px solid #dfe5ef;border-radius:8px;background:var(--surface);color:#52627e;text-align:left;font-size:13px;line-height:1.5;cursor:pointer;transition:border-color .15s,background .15s}
.choice-trigger:hover:not(:disabled){border-color:#b8c5df;background:#fafbff}
.choice-trigger:focus-visible{outline:2px solid #899fea;outline-offset:2px}
.choice-control.is-open>.choice-trigger{border-color:#9aafe8}
.choice-trigger:disabled{opacity:.5;cursor:not-allowed}
.choice-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.choice-chevron{display:flex;color:#8e9db5;flex-shrink:0;transition:transform .15s}
.choice-control.is-open .choice-chevron{transform:rotate(180deg)}
.choice-control>input:not([type=checkbox]){width:100%;min-width:0;margin:0!important;padding-right:43px!important}
.choice-toggle{position:absolute;top:1px;right:1px;bottom:1px;width:37px;min-height:0;padding:8px;border:0;background:transparent;justify-content:center}
.choice-color{max-width:260px}
.choice-color-preview{display:block;width:20px;height:20px;border-radius:6px;background:var(--chosen-color);border:1px solid #00000015}
.theme-switcher{border:0;background:transparent;color:#73829c}
.theme-switcher:focus-within{outline:none}
.theme-switcher>.choice-control{width:124px;height:34px}
.theme-switcher .choice-trigger{height:34px;min-height:34px;padding:6px 10px 6px 33px;font-size:11px}
.theme-switcher>[data-theme-icon]{z-index:1}
.theme-switcher.compact>.choice-control{width:34px}
.theme-switcher.compact .choice-trigger{padding:0;border-color:transparent;background:transparent}
.theme-switcher.compact .choice-label,.theme-switcher.compact .choice-chevron{display:none}
.choice-presence{width:111px;height:32px;flex-shrink:0}
.choice-presence .choice-trigger{min-height:32px;height:32px;font-size:11px;padding:6px 9px;color:#668079;background:#f2f8f5;border-color:transparent}
.choice-presence[data-value=online] .choice-trigger{color:#318666}
.choice-popover{position:fixed;z-index:400;min-width:0;padding:5px;border:1px solid #e2e7f0;border-radius:11px;background:#fff;box-shadow:0 12px 36px #172b4d1c,0 2px 7px #172b4d08;overflow:hidden;isolation:isolate}
.choice-options{max-height:310px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5ddea transparent;padding:1px}
.choice-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:37px;padding:9px 11px;border-radius:7px;color:#52627a;font-size:12px;line-height:1.6;cursor:pointer;user-select:none;transition:background .1s}
.choice-option-label{overflow-wrap:anywhere;min-width:0}
.choice-option.is-focused{background:#f1f4fc}
.choice-option[aria-selected=true]{background:color-mix(in srgb,var(--accent) 9%,#fff);color:color-mix(in srgb,var(--accent) 80%,#22304a);font-weight:500}
.choice-option[aria-selected=true].is-focused{background:color-mix(in srgb,var(--accent) 13%,#fff)}
.choice-check{display:flex;flex-shrink:0;color:var(--accent);visibility:hidden}
.choice-option[aria-selected=true] .choice-check{visibility:visible}
.choice-option.is-disabled{opacity:.4;cursor:not-allowed}
.choice-empty{font-size:12px;line-height:1.8;color:#8b98ae;padding:12px}
.choice-search{padding:5px 5px 8px}
.choice-search input{display:block;width:100%;margin:0;padding:9px 10px;border:1px solid #e4e9f2;border-radius:7px;background:#f6f8fc;color:#52627a;font:inherit;font-size:12px;line-height:1.5;outline:none}
.choice-search input:focus{border-color:#a0b2e5;box-shadow:none}
.choice-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:9px}
.choice-color-option{display:flex;justify-content:center;align-items:center;min-height:30px;padding:0;background:var(--swatch)!important;border:2px solid transparent;border-radius:7px}
.choice-color-option .choice-check{color:#fff;filter:drop-shadow(0 1px 2px #0008)}
.choice-color-option.is-focused{outline:2px solid #a7b5cc;outline-offset:2px}
html[data-theme=dark] .choice-trigger{background:#182435;border-color:#34455f;color:#d2ddef}
html[data-theme=dark] .choice-trigger:hover:not(:disabled){background:#24344c;border-color:#536887}
html[data-theme=dark] .choice-control.is-open>.choice-trigger{border-color:#7893c4}
html[data-theme=dark] .choice-toggle,html[data-theme=dark] .theme-switcher.compact .choice-trigger{background:transparent;border-color:transparent}
html[data-theme=dark] .choice-popover{background:#1b2738;border-color:#364861;box-shadow:0 15px 42px #0005,0 3px 9px #0003}
html[data-theme=dark] .choice-option{color:#c7d4e7}
html[data-theme=dark] .choice-option.is-focused{background:#293a52}
html[data-theme=dark] .choice-option[aria-selected=true]{background:color-mix(in srgb,var(--accent) 19%,#1b2738);color:color-mix(in srgb,var(--accent) 35%,#eef3ff)}
html[data-theme=dark] .choice-option[aria-selected=true].is-focused{background:color-mix(in srgb,var(--accent) 26%,#1b2738)}
html[data-theme=dark] .choice-check{color:color-mix(in srgb,var(--accent) 45%,#fff)}
html[data-theme=dark] .choice-search input{background:#121d2d;border-color:#34445d;color:#cfdaec}
html[data-theme=dark] .choice-empty{color:#9aacc5}
html[data-theme=dark] .choice-presence[data-value=online] .choice-trigger{background:#183b32;color:#8ad9bb;border-color:transparent}
html[data-theme=dark] .choice-presence[data-value=away] .choice-trigger{background:#3b3323;color:#ddc48b;border-color:transparent}
@media(max-width:640px){
  .choice-option{min-height:42px;padding:10px 12px;font-size:13px}
  .choice-presence{width:83px}
  .choice-presence .choice-trigger{font-size:10px;padding:5px 7px;gap:4px}
  .topbar-right>.theme-switcher>.choice-control{width:28px}
  .topbar-right>.theme-switcher .choice-trigger{padding:0;background:transparent;border-color:transparent}
  .topbar-right>.theme-switcher .choice-label,.topbar-right>.theme-switcher .choice-chevron{display:none}
  .login-theme .theme-switcher>.choice-control{width:116px}
  .choice-popover{border-radius:11px}
}
@media(prefers-reduced-motion:reduce){.choice-popover{animation:none}}
