/* A single icon describes the theme the button will activate. */
:root:not([data-theme=dark]){--muted:#5e6e8e}
:root:not([data-theme=dark]) :is(.donut-center span,.bar-date,.package){color:var(--muted);opacity:1}
:root:not([data-theme=dark]) .step{color:var(--green)}
:root[data-theme=dark] .billing-negative{color:var(--error-text)!important}
:root[data-theme=dark] .billing-positive{color:var(--success-text)!important}
theme-picker{display:inline-block;flex-shrink:0}
.theme-control{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.theme-control svg{width:22px;height:22px;pointer-events:none}
.theme-control:hover{background:var(--light)}
.topbar-actions{display:flex;align-items:center;gap:20px}
.auth-header{position:relative;gap:20px;flex-wrap:wrap}
.auth-header>theme-picker{position:absolute;right:24px}
@media(max-width:850px){.auth-header>theme-picker{position:static;margin-left:auto}.auth-header .auth-logo{max-width:360px}.topbar-actions{gap:10px}.topbar-actions .account{max-width:none}}
@media(max-width:380px){.topbar{font-size:11px}.topbar-actions{gap:6px}}
:root[data-theme=dark]{
  color-scheme:dark;color:#e5edf9;background:#0c1424;
  --green:#297bea;--muted:#a1b0c8;--line:#30425d;--light:#213654;--lime:#213f54;
  --surface:#152136;--raised:#1c2b43;--field:#101b2e;--link:#83baff;
  --success-bg:#16372f;--success-line:#306454;--success-text:#87ddbc;
  --warning-bg:#342b1b;--warning-line:#705a31;--warning-text:#efce8d;
  --error-bg:#3b232a;--error-line:#79404c;--error-text:#ffb4b4;
  --chart-1:#68d0b2;--chart-2:#a4c77c;--chart-3:#edbf7f;--chart-4:#8cbddd;--chart-5:#cda4d5;--chart-6:#aebaca;
}
:root[data-theme=dark] :is(.sidebar,.auth-header,.panel,.category-card,.selection-footer,.donut-center,.skip){background:var(--surface);color:inherit;border-color:var(--line)}
:root[data-theme=dark] :is(input,select,.apps-toolbar input,.stats-device){background:var(--field);color:#e5edf9;border-color:#496080}
:root[data-theme=dark] input::placeholder{color:#96a8c3;opacity:1}
:root[data-theme=dark] input:disabled{background:var(--raised)}
:root[data-theme=dark] :is(input,select){accent-color:#78b5ff}
:root[data-theme=dark] :is(button,a,input,select):focus-visible{outline-color:#8ec6ff}
:root[data-theme=dark] :is(.account,.empty h2,.info-strip strong){color:#e5edf9}
:root[data-theme=dark] :is(.nav-item,.package,.limit-input>span,.bar-date,.donut-center span,.stats-request-help,.group-arrow){color:var(--muted)}
:root[data-theme=dark] .package{opacity:1}
:root[data-theme=dark] :is(.nav-item:hover,.tab.selected,.nav-item.active,.tree-device.selected,.tree-device:hover,.usage-day:hover,.usage-day[aria-pressed=true]){background:var(--light);color:#c4deff}
:root[data-theme=dark] :is(.text-button,.eyebrow,.pro,.step,.add-time,.bonus-label,.group-count,.enrollment-code,.current-group){color:var(--link)}
:root[data-theme=dark] .button{background:#216bd1;color:#fff;border-color:transparent}
:root[data-theme=dark] .button:hover:not(:disabled){background:#2470d5}
:root[data-theme=dark] .button.secondary{background:var(--light);color:#c4deff;border-color:#3c587d}
:root[data-theme=dark] .button.secondary:hover:not(:disabled){background:#2d476a}
:root[data-theme=dark] :is(.child-delete-icon,.group-chip,.move-destination){background:var(--raised);color:#c2d0e5;border-color:var(--line)}
:root[data-theme=dark] :is(.button.danger-outline,.child-delete-icon:hover){background:var(--error-bg);color:var(--error-text);border-color:var(--error-line)}
:root[data-theme=dark] .button.danger-outline:hover{background:#50303a}
:root[data-theme=dark] :is(.notice,.device-status,.device-status.pending){background:var(--warning-bg);border-color:var(--warning-line);color:var(--warning-text)}
:root[data-theme=dark] :is(.notice.success,.device-status.success,.pill.success,.selection-feedback){background:var(--success-bg);border-color:var(--success-line);color:var(--success-text)}
:root[data-theme=dark] :is(.notice.error,.device-status.error){background:var(--error-bg);border-color:var(--error-line);color:var(--error-text)}
:root[data-theme=dark] :is(.pill,.note-icon,.phone-icon){background:var(--raised);color:#b5cbea}
:root[data-theme=dark] .overview-summary{background:linear-gradient(120deg,#1b304c,var(--surface))}
:root[data-theme=dark] .overview-summary p:last-child{color:var(--muted)}
:root[data-theme=dark] :is(.table-heading,.move-destination){background:var(--raised)}
:root[data-theme=dark] .table-heading{color:var(--muted);border-color:var(--line)}
:root[data-theme=dark] :is(.app-row,.usage-app){border-color:var(--line)}
:root[data-theme=dark] .save-bar{background:#152136f5;border-color:var(--line);box-shadow:0 8px 35px #0003}
:root[data-theme=dark] :is(.bonus-dialog,.schedule-dialog,.app-picker,.move-dialog){background:var(--surface);color:#e5edf9;border-color:#496080;box-shadow:0 25px 90px #0006}
:root[data-theme=dark] dialog::backdrop{background:#030914b3}
:root[data-theme=dark] .group-tile.limit{background:linear-gradient(145deg,#1c3152,var(--surface) 65%);border-color:#365b88}
:root[data-theme=dark] :is(.group-preview-app:hover,.group-more:hover){background:var(--light)}
:root[data-theme=dark] .group-kind-icon{background:var(--light);color:var(--link)}
:root[data-theme=dark] .allow .group-kind-icon{background:var(--success-bg);color:var(--success-text)}
:root[data-theme=dark] .block .group-kind-icon{background:var(--error-bg);color:var(--error-text)}
:root[data-theme=dark] .group-icon-stack img{border-color:var(--surface)}
:root[data-theme=dark] .group-usage-track{background:#30425d}
:root[data-theme=dark] .group-usage-track>span{background:#78b5ff}
:root[data-theme=dark] .group-chip.selected{background:#216bd1;border-color:#78b5ff;color:#fff}
:root[data-theme=dark] .group-chip.allow.selected{background:#22634f;border-color:#68bb9c;color:#fff}
:root[data-theme=dark] .group-chip.block.selected{background:#8b3e42;border-color:#e6989a;color:#fff}
:root[data-theme=dark] :is(.current-group.allow,.move-destination.allow){color:var(--success-text)}
:root[data-theme=dark] :is(.current-group.block,.move-destination.block,.group-tile .group-block-status){color:var(--error-text)}
:root[data-theme=dark] .switch-track{background:#526681}
:root[data-theme=dark] .access-switch input:checked+.switch-track{background:#3883e5}
:root[data-theme=dark] .bar-fill{background:#68b7c8}
:root[data-theme=dark] .usage-day[aria-pressed=true] .bar-fill{background:#85dccb}
:root[data-theme=dark] .bar-fill.missing{background:repeating-linear-gradient(45deg,#36475f 0 4px,#1c2b43 4px 8px)}
:root[data-theme=dark] .loader{border-color:var(--line);border-top-color:#78b5ff}
:root[data-theme=dark] .empty-symbol{color:#91abc9}
:root[data-theme=dark] .login-story{background:linear-gradient(150deg,#183d74,#132a50)}
:root[data-theme=dark] :is(.sidebar-logo,.auth-logo){background:#fff;border-radius:12px;padding:8px}