/* Theme colors are shared by every page, chart, menu, and dialog. */
:root{
 color:var(--text);
 background:var(--canvas);
 --text:#202124;
 --chart-grid:#e9edf2;
 --chart-weekend:#edf1f6;
 --chart-weekend-edge:#cdd6e3;
 --chart-weekend-label:#86739e;
 --chart-label:#7a8492;
 --chart-crosshair:#6b7f98;
 --chart-track:#edf1ee;
 --tooltip-surface:#3c4043;
 --tooltip-text:#fff;
}
:root[data-theme=dark]{
 color-scheme:dark;
 --text:#e8eaed;
 --text-secondary:#c7cbd0;
 --text-muted:#aeb4bb;
 --muted:#aeb4bb;
 --disabled-text:#80868b;
 --surface:#202124;
 --surface-subtle:#24272a;
 --surface-muted:#2b2e32;
 --surface-cool:#2b3038;
 --canvas:#17191c;
 --border:#3c4043;
 --border-soft:#34383c;
 --border-strong:#646b72;
 --accent:#81c995;
 --accent-text:#81c995;
 --accent-hover:#a0d9b1;
 --accent-soft:#203b2d;
 --accent-border:#426650;
 --green:#81c995;
 --on-accent:#14271b;
 --danger-text:#f28b82;
 --danger-hover:#f5aaa4;
 --danger-soft:#432b2b;
 --danger-border:#764740;
 --warning-text:#fdd663;
 --warning-soft:#3a3323;
 --warning-border:#665731;
 --info-text:#aecbfa;
 --purple-text:#c6a8ef;
 --purple-soft:#362e43;
 --purple-border:#57446e;
 --backdrop:#080b10a6;
 --switch-track:#636c67;
 --switch-thumb:#18251d;
 --scrollbar:#56635b;
 --scrollbar-hover:#7f9287;
 --searches:#8ab4f8;
 --revenue:#81c995;
 --ctr:#c6a8ef;
 --rpm:#fdd663;
 --quiet-day:#f5a25d;--tc-new-bg:#1b2a44;--tc-new-fg:#8ab4f8;--tc-stop-bg:#3b1f1d;--tc-stop-fg:#f28b82;--tc-drop-bg:#3d2a14;--tc-drop-fg:#f5a25d;--tc-ok-bg:#1b3022;--tc-ok-fg:#81c995;
 --chart-grid:#373c42;
 --chart-weekend:#303640;
 --chart-weekend-edge:#5c6675;
 --chart-weekend-label:#c1a8df;
 --chart-label:#aeb4bb;
 --chart-crosshair:#c1cad5;
 --chart-track:#343b38;
 --chart-positive:#81c995;
 --chart-negative:#f28b82;
 --tooltip-surface:#e8eaed;
 --tooltip-text:#202124;
}
html,body{color:var(--text);background:var(--canvas)}body{margin:0;min-height:100dvh}.dashboard-shell,#team-workspace,#team-auth{background:var(--canvas)}
body,dialog{color:var(--text)}
::selection{background:var(--accent-soft);color:var(--accent)}
input{caret-color:var(--accent)}
input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--accent)}
:root[data-theme=dark] input:-webkit-autofill{filter:none}
:root[data-theme=dark] .entity-avatar{color:color-mix(in srgb,var(--entity-color) 75%,var(--text))}
.weekend-key{background:var(--chart-weekend);border-color:var(--chart-weekend-edge)}
.custom-switch:after{background:var(--switch-thumb,#fff)}
#theme-toggle>.custom-switch{margin-left:auto}
#theme-toggle[aria-checked=true]>.custom-switch{background:var(--accent)}
#theme-toggle[aria-checked=true]>.custom-switch:after{transform:translateX(13px)}

/* The middle can scroll independently; the collapse control never moves. */
.app-sidebar{overflow:hidden;padding-bottom:0}
.sidebar-scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px;scrollbar-width:thin}
.sidebar-footer{flex:none;border-top:1px solid var(--border);padding:8px 0 max(12px,env(safe-area-inset-bottom));background:var(--surface)}
.sidebar-footer .sidebar-toggle{margin:0;min-height:38px;font-size:.8125rem}
.sidebar-scroll>.tm-admin-navigation{margin-top:auto;padding-top:20px}
.sidebar-tooltip{position:fixed;z-index:1600;max-width:240px;padding:8px 11px;border:1px solid var(--border-strong);border-radius:6px;background:var(--tooltip-surface);color:var(--tooltip-text);font-size:.75rem;font-weight:500;line-height:1.4;pointer-events:none;white-space:nowrap}
@media(max-width:760px){
 #navigation-dialog .app-sidebar{padding-bottom:0}
 .sidebar-footer .sidebar-toggle{min-height:44px}
 .sidebar-scroll{padding-bottom:14px}
 .sidebar-tooltip{display:none}
}

/* Selected rows inside dropdown menus: a quieter tint than the accent-soft used for pills and toggles. */
:root{--option-selected:#eef7f2;--option-selected-hover:#e4f2ea}
:root[data-theme=dark]{--option-selected:#262c29;--option-selected-hover:#2c3430}
.filter-option[aria-checked=true],.filter-option[aria-checked=true]:hover{background:var(--option-selected)}
.filter-option[aria-checked=true]:hover{background:var(--option-selected-hover)}
.tm-select-menu button[aria-pressed=true]{background:var(--option-selected)}
.tm-select-menu button:hover{background:var(--option-selected-hover)}
.calendar-presets button.selected,.advanced-currencies button[aria-checked=true]{background:var(--option-selected)}