.display-mode-toggle{width:32px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;background:white;color:#7c6b5c;cursor:pointer}.display-mode-toggle svg{width:17px;height:17px}.display-mode-panel{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.display-mode-panel h2{font:700 15px Manrope,sans-serif;margin:0 0 8px}.display-mode-panel p{font-size:11px;max-width:400px}.display-mode-options{display:flex;gap:12px;flex-shrink:0}.display-mode-options button{position:relative;width:128px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px;text-align:left;color:var(--ink);font-size:11px}.display-mode-options button>span:nth-child(2){display:block;margin:10px 2px 3px}.display-mode-options button.selected{border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}.mode-check{display:none;position:absolute;right:11px;bottom:11px;color:var(--theme-ink)}.selected .mode-check{display:block}.mode-sample{display:block;height:52px;border:1px solid #e4e7ec;border-radius:4px;background:#f3f4f6;position:relative;overflow:hidden}.mode-sample i{position:absolute;left:0;top:0;bottom:0;width:22%;background:white;border-right:1px solid #e4e7ec}.mode-sample b{position:absolute;left:32%;top:12px;right:16%;height:5px;border-radius:3px;background:#a9b1bc}.mode-sample em{position:absolute;left:32%;right:10%;top:27px;height:15px;background:white;border-top:3px solid var(--theme-accent);border-radius:3px}.mode-sample-dark{background:#0e1520;border-color:#2b3748}.mode-sample-dark i{background:#182230;border-color:#2b3748}.mode-sample-dark b{background:#7a8ba1}.mode-sample-dark em{background:#222f40}
html[data-display-mode='dark']{color-scheme:dark;--bg:#0d131d;--ink:#e2e8f0;--muted:#a0aec0;--line:#2a3545;--theme-soft:color-mix(in srgb,var(--theme-accent) 15%,#182230);--theme-pale:color-mix(in srgb,var(--theme-accent) 5%,#182230);--theme-ink:color-mix(in srgb,var(--theme-accent) 47%,white);--theme-medium:color-mix(in srgb,var(--theme-accent) 72%,#cbd5e1);--theme-secondary:color-mix(in srgb,var(--theme-accent) 30%,#41536b);--mint:var(--theme-soft);--teal:var(--theme-ink)}
html[data-display-mode='dark'] body{background:var(--bg);color:var(--ink)}
html[data-display-mode='dark'] :is(aside,header,.panel,.stat,.dash-stat,.plan-card,.theme-card,dialog,.display-mode-options button){background:#17212f;border-color:var(--line);color:var(--ink)}
html[data-display-mode='dark'] aside{background:#121b28}html[data-display-mode='dark'] header{background:#121b28}
html[data-display-mode='dark'] :is(h1,h2,h3,.brand,td strong,.number,.dash-stat strong,.rankings strong,.visitor-split strong,.donut div,.ad-numbers strong,.theme-card-caption strong,.receipt dd,.amount){color:#e7edf5}
html[data-display-mode='dark'] :is(p,.hint,.section-note,.stat-top,.stat-foot,.panel-head small,.rankings small,.event p,.theme-card-description,.theme-intro p,.custom-theme p,.display-mode-panel p,.custom-color-control,.table-wrap td,.visitor-split p,.ad-numbers,.revenue-breakdown>div,.receipt dt,.theme-save-note p){color:#a6b3c5}
html[data-display-mode='dark'] :is(.brand small,.eyebrow,.theme-eyebrow,.rank-number,.receipt-logo,.import-result,.network-explainer a,.report-card>span,.deploy-shortcut,.panel-head a,.demo-note>span,.demo-note button,.theme-current strong,.theme-save-note a){color:var(--theme-ink)}
html[data-display-mode='dark'] :is(.brand,.side-bottom,.theme-current,.dialog-head,.dialog-foot,.features,.step,.account,.event,.split,.integration-list>div,.section-tabs){border-color:var(--line)}
html[data-display-mode='dark'] :is(nav .nav-main,.nav-children a){color:#b8c4d4}
html[data-display-mode='dark'] nav .nav-main svg{color:#9aaabd}
html[data-display-mode='dark'] :is(nav .nav-main.active,nav .nav-main.group-active,nav .nav-main:hover,nav a:hover,.nav-children a.active){background:var(--theme-soft);color:var(--theme-ink)}
html[data-display-mode='dark'] :is(nav .nav-main.active svg,nav .nav-main.group-active svg){color:var(--theme-ink)}
html[data-display-mode='dark'] .nav-children{border-color:#354153}
html[data-display-mode='dark'] :is(nav a b,.avatar,.stat-icon,.place-icon,.event-icon,.integration-icon,.network-explainer>div,.rank-number,.step:before){background:var(--theme-soft);color:var(--theme-ink)}
html[data-display-mode='dark'] :is(header,#breadcrumb span){color:#b5c1d1}
html[data-display-mode='dark'] .header-actions{color:#9aaabd}
html[data-display-mode='dark'] .display-mode-toggle{background:#1c2839;border-color:var(--line);color:var(--theme-ink)}
html[data-display-mode='dark'] :is(.system-theme-picker,.demo-note){background:var(--theme-pale);border-color:color-mix(in srgb,var(--theme-accent) 22%,#263445);color:#b4bfd0}
html[data-display-mode='dark'] .demo-note strong{color:#d4ddeb}
html[data-display-mode='dark'] .btn{background:#202e40;border-color:#3b4a5f;color:#dae3ee}
html[data-display-mode='dark'] .btn:hover{background:#2b3c51}
html[data-display-mode='dark'] .btn.primary{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-on-accent)}
html[data-display-mode='dark'] .btn.primary:hover{background:color-mix(in srgb,var(--theme-accent) 88%,black)}
html[data-display-mode='dark'] .mini{background:var(--theme-soft);color:var(--theme-ink)}
html[data-display-mode='dark'] :is(input,select,.field input,.field select,.search,.custom-color-control input){background:#0f1927;border-color:#3b4a5f;color:#d7e2ef}
html[data-display-mode='dark'] input::placeholder{color:#8293aa}
html[data-display-mode='dark'] :is(.field,.theme-current small,.record-hint,.brand small,.deploy-shortcut small,footer){color:#95a5ba}
html[data-display-mode='dark'] .system-theme-picker select{background:transparent;color:#d7e2ef}
html[data-display-mode='dark'] select option{background:#17212f;color:#d7e2ef}
html[data-display-mode='dark'] th{background:#121d2b;border-color:var(--line);color:#9dacc0}
html[data-display-mode='dark'] td{border-color:#273345;color:#bdc9d8}
html[data-display-mode='dark'] td small{color:#92a4bb}
html[data-display-mode='dark'] :is(.badge.neutral,.receipt-watermark){background:#263244;color:#bdc8d8;border-color:#354559}
html[data-display-mode='dark'] .badge{background:#15382e;color:#8bd1b2}
html[data-display-mode='dark'] .badge.pending{background:#3b2c15;color:#f0c27c}
html[data-display-mode='dark'] .badge.neutral{background:#263244;color:#bdc8d8}
html[data-display-mode='dark'] :is(.muted-block,.flow-node){background:#111c2a;border-color:var(--line);color:#a6b7cb}
html[data-display-mode='dark'] :is(.flow-node small,.donut small,.rankings>a>span:last-child,.bar-chart small,.chart text,.heatmap-row>span,.heatmap-hours,.heatmap>small,.revenue-breakdown small,.dash-stat>div>span,.dash-stat small){color:#9aabc0;fill:#9aabc0}
html[data-display-mode='dark'] .dash-stat svg{color:var(--theme-ink)}
html[data-display-mode='dark'] .dash-stat:hover{border-color:var(--theme-ink)}
html[data-display-mode='dark'] .chart line{stroke:#2c394b}
html[data-display-mode='dark'] .chart svg path[stroke='#149787']{stroke:var(--theme-ink)}
html[data-display-mode='dark'] .bar-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#2a3545 39px,#2a3545 40px);background-origin:content-box}
html[data-display-mode='dark'] :is(.rank-track,.revenue-breakdown>div:after){background:#263346}
html[data-display-mode='dark'] .rankings>a{border-color:#2a3545}
html[data-display-mode='dark'] .donut:before{background:#17212f}
html[data-display-mode='dark'] .section-tabs a{color:#9bacc1}
html[data-display-mode='dark'] .section-tabs a.active{color:var(--theme-ink);border-color:var(--theme-accent)}
html[data-display-mode='dark'] .theme-intro{background:linear-gradient(110deg,#17212f,var(--theme-pale))}
html[data-display-mode='dark'] .theme-card.selected{border-color:var(--sample-color)}
html[data-display-mode='dark'] .theme-card:hover{border-color:var(--sample-color)}
html[data-display-mode='dark'] .theme-thumbnail{background:#101a27;border-color:#334154}
html[data-display-mode='dark'] .sample-sidebar{background:#1c293a;border-color:#334154}
html[data-display-mode='dark'] .sample-sidebar b{background:#45546a}
html[data-display-mode='dark'] .sample-sidebar b:first-child{background:var(--sample-color)}
html[data-display-mode='dark'] .sample-screen>b{background:#5c6c82}
html[data-display-mode='dark'] .sample-screen>span>i{background:#263448}
html[data-display-mode='dark'] .sample-screen em{background:linear-gradient(to top,color-mix(in srgb,var(--sample-color) 30%,#17212f),transparent)}
html[data-display-mode='dark'] .display-mode-options button.selected{border-color:var(--theme-accent)}
html[data-display-mode='dark'] .toast{background:#e1e8f1;color:#17212f}
html[data-display-mode='dark'] .icon{color:#b5c2d3;border-color:#3b4a5f}
html[data-display-mode='dark'] dialog::backdrop{background:#000a}
/* Portal preview keeps its independently configured customer appearance. */
html[data-display-mode='dark'] .phone{color-scheme:light;color:#1a2938}
html[data-display-mode='dark'] .phone :is(.portal-title,.portal-plan strong){color:#453126}
html[data-display-mode='dark'] .phone :is(.portal-description,.portal-plan small,.portal-check){color:#78818c}
html[data-display-mode='dark'] .phone .portal-plan{background:white;color:#1a2938}
html[data-display-mode='dark'] .phone .portal-check input{color-scheme:light}
@media(max-width:900px){.display-mode-panel{align-items:flex-start;flex-direction:column;gap:19px}.display-mode-options{width:100%}.display-mode-options button{flex:1;max-width:170px}}
@media(max-width:650px){.display-mode-panel{padding:20px}.display-mode-toggle{width:29px;height:29px}.display-mode-toggle svg{width:16px;height:16px}}
@media(max-width:400px){.header-actions #help{display:none}.header-actions{gap:5px}.system-theme-picker select{max-width:112px}}