/* Design D3: all accents derive from the shared palette. Functional status colours are preserved. */
:root{--brand-gradient:linear-gradient(115deg,var(--brand-cyan),var(--brand-blue) 48%,var(--brand-violet));--brand-action:linear-gradient(110deg,var(--ic-125acb),var(--ic-612bc7))}
.brand img,.admin-brand img{object-fit:contain;flex-shrink:0}
.nav-web-app{color:var(--ic-f5fcff)!important;background:var(--brand-action)!important;border-color:var(--ic-41d9f0)!important;text-shadow:0 1px 2px var(--ic-102862);position:relative;overflow:hidden}
.nav-web-app:hover{color:var(--ic-fff)!important;box-shadow:0 0 18px var(--ic-2b93ff60)}
.nav-web-app:before{pointer-events:none}
.automatic-update-notice,.automatic-update-banner{background:linear-gradient(115deg,var(--ic-073457),var(--ic-31206a))}
[data-theme=dark] .sidebar{background:linear-gradient(155deg,var(--ic-071d38),var(--ic-0b3554) 60%,var(--ic-282055))}
[data-theme=dark] :is(.app-top,.workspace>header){background:linear-gradient(115deg,var(--ic-103353),var(--ic-242851))}
:is(.sl-primary,.primary-btn,.primary){background:var(--brand-action);color:var(--ic-fff)}
[data-theme=dark] :is(.sl-primary,.primary-btn,.primary){background:linear-gradient(110deg,var(--ic-135e99),var(--ic-52309f));color:var(--ic-f3faff)}
.brand-theme-toggle{position:fixed;right:18px;bottom:18px;z-index:8000;border:1px solid var(--ic-54aeda);border-radius:24px;padding:9px 15px;background:var(--ic-0d2d50);color:var(--ic-f3fbff);font:13px 'Segoe UI',sans-serif;box-shadow:0 4px 18px var(--ic-001b3430);cursor:pointer}
.brand-theme-toggle:hover{background:var(--ic-215482);color:var(--ic-fff)}.brand-theme-toggle:focus-visible{outline:3px solid var(--ic-00cddd);outline-offset:3px}
html[data-theme=dark] body.street-page,html[data-theme=dark] body.street-home{background-color:var(--ic-07172c);color:var(--ic-e8f3ff)}
html[data-theme=dark] .street-page :is(.card,.prose,.guide-card,.account-page,.stats-card,.roadmap-card,.example-card,.hero-card,.release-option){background:var(--ic-112843);color:var(--ic-e8f3ff);border-color:var(--ic-365778)}
html[data-theme=dark] .street-page :is(h1,h2,h3,h4,p,li,label){color:var(--ic-e0efff)}html[data-theme=dark] .street-page a{color:var(--ic-80dbff)}html[data-theme=dark] .street-page :is(input,textarea,select){background:var(--ic-0c2139);color:var(--ic-e8f3ff);border-color:var(--ic-426c90)}
html[data-theme=dark] .street-page .button{background:var(--brand-action);color:var(--ic-fff)}html[data-theme=dark] .street-page .button.secondary{background:var(--ic-183b61);color:var(--ic-e5f7ff)}
html[data-theme=light] body:has(.admin-side){--bg:var(--ic-eef5ff);--surface:var(--ic-fff);--ink:var(--ic-0b2d54);--muted:var(--ic-456184);--line:var(--ic-bdd0ec);--cyan:var(--ic-0a65b2);--purple:var(--ic-6733c4);--green:var(--ic-14704f);--red:var(--ic-ae2348);background:var(--ic-eef5ff);color:var(--ink)}
[data-theme=light] :is(.admin-side,.admin-top,.metric,.panel,.side-status,.admin-shell dialog){background:var(--ic-f9fcff);color:var(--ink);border-color:var(--ic-bed3ed)}
[data-theme=light] .admin-shell :is(input,textarea,select,button){background:var(--ic-ecf4ff);color:var(--ic-153e6c);border-color:var(--ic-9abadd)}
[data-theme=light] .admin-shell .primary{background:var(--brand-action);color:var(--ic-fff)}[data-theme=light] .admin-shell .note{background:var(--ic-d9eaff);color:var(--ic-244f77)}
[data-theme=light] .admin-shell .topology rect{fill:var(--ic-edf5ff);stroke:var(--ic-6693bc)}[data-theme=light] .admin-shell .topology circle{fill:var(--ic-e0f3ff)}
[data-theme=light] .admin-side #navigation button{color:var(--ic-315a82)}[data-theme=light] .admin-side #navigation button[aria-current=true]{background:var(--ic-dcedff);color:var(--ic-123a71)}
@media(prefers-reduced-motion:reduce){.nav-web-app:before{animation:none!important}}
/* Keep the published poster layout, dark hero and dotted paper in both languages. */
[data-theme=dark] .chat-empty{background:var(--ic-132a3d);border-color:var(--ic-46677b)}
#feedback-dialog label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:9px;line-height:1.5}
#feedback-dialog label input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:0}
[data-theme=light] .admin-shell #search{background:var(--ic-ecf4ff)!important;color:var(--brand-ink)!important}
[data-theme=light] .admin-shell #search::placeholder{color:var(--ic-456184)}
[data-theme=light] .metric :is(small,label,.metric-label){color:var(--ic-456184)}
[data-theme=light] .metric :is(strong,.metric-value){color:var(--brand-ink)!important}
[data-theme=light] .metric.has-incident .metric-value{color:var(--ic-ae2348)!important}
[data-theme=light] .badge.online{background:var(--ic-e6f5f3);color:var(--ic-14704f)}
[data-theme=light] .badge.owner,[data-theme=light] .badge.admin{color:var(--brand-ink);background:var(--ic-d9eaff)}

html[data-theme=dark] :is(body.street-home,body.street-page){background-image:radial-gradient(#bfe5ff20 .65px,transparent .65px);background-size:5px 5px}

/* Public theme controls belong to the header flow, away from content and calls to action. */
.site-theme-toggle.brand-theme-toggle{position:static;inset:auto;transform:none;flex:none;z-index:auto;margin:0;white-space:nowrap}.site-theme-controls{display:flex;justify-content:flex-end;padding:10px 20px}

/* Public website only: keep light mode and image/logo pixels unchanged. */
html[data-theme=dark] body:is(.street-page,.street-home){
 --site-paper:#091a2d;--site-ink:#e7f1fc;--ink:#e7f1fc;--muted:#bfd1e3;
 --line:#3b5872;--light:#1b354f;--surface:#142d45;--panel:#142d45;--text:#e7f1fc;
 --violet:#bca5ff;--purple:#bca5ff;color:#e7f1fc;background-color:#091a2d;
}
html[data-theme=dark] body:is(.street-page,.street-home) :is(
 .page-head,.stats-intro,.roadmap-intro,.vision-section,.communication-call,
 .explain-card,.explain-teaser,.web-first-grid article,.feature-grid article,
 .download-card,.download-archive,.release-option,.roadmap-card,.guide-card,
 .stats-card,.stats-live,.stats-panel,.server-metrics article,.account-page,
 .account-section,.account-next,.app-connect,.prose,.card,.example-card,
 .live-demo,.preview,.preview-body,.preview-bar,.scope-tabs span,.bubble,
 .mock-compose,.scope-illustration span,.scope-illustration strong,.switch-example,
 .feature-symbol,.demo-chrome,.demo-page,.stats-bar,.installation-help,
 .invite-contact-list,.invite-preview,.invite-share-link,.notice,.pill,
 .motion-toggle,.roadmap-index,.roadmap-status,.roadmap-icon,
 .roadmap-priorities article,.roadmap-mini li,.street-art,.poster-links a){
 background-color:#142d45!important;background-image:none!important;
 color:#e7f1fc!important;border-color:#3b5872;box-shadow:0 8px 28px #0002;
}
html[data-theme=dark] body.street-page :is(.page-head,.stats-intro,.roadmap-intro,.vision-section:first-child)::before{
 background:radial-gradient(ellipse at 90% 5%,#8067ba22,transparent 60%),linear-gradient(115deg,#102c40,#17263f);
 box-shadow:0 0 0 100vw #102238;border-color:#408c97;
}
html[data-theme=dark] body:is(.street-page,.street-home) :is(h1,h2,h3,h4,h5,h6,legend,th){color:#edf6ff}
html[data-theme=dark] body:is(.street-page,.street-home) :is(p,li,label,dt,dd,td,figcaption,blockquote){color:#c9d9e9}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.meta,.eyebrow,.field-help,.privacy-note,.explain-note,.mock-caption,.preview-site small,.account-page small,.site-footer small,.site-footer>small){color:#bfd1e3}
html[data-theme=dark] body:is(.street-page,.street-home) :is(a,.text-link,.link-btn){color:#8cddff}
html[data-theme=dark] body:is(.street-page,.street-home) :is(a:hover,.text-link:hover,.link-btn:hover){color:#c7f2ff}
html[data-theme=dark] body:is(.street-page,.street-home) :is(input,textarea,select,option){background:#0d2238;color:#edf6ff;border-color:#54728d;color-scheme:dark}
html[data-theme=dark] body:is(.street-page,.street-home) :is(input,textarea)::placeholder{color:#a8bed3;opacity:1}
html[data-theme=dark] body:is(.street-page,.street-home) :is(input,textarea):read-only{background:#1b3046;color:#bfd1e3}
html[data-theme=dark] body:is(.street-page,.street-home) :is(button,.secondary-btn,.button.secondary,.account-tabs button,.guide-actions span){background:#1b3955;color:#e7f5ff;border-color:#54728d}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.button,.primary-btn,.ic-membership-primary){background:var(--brand-action,linear-gradient(110deg,#125acb,#612bc7));color:#fff;border-color:#6a8bd1}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.button.secondary,.secondary-btn){background:#1b3955;color:#e7f5ff;border-color:#54728d}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.account-tabs button[aria-pressed=true],.scope-tabs .active){background:#34305b!important;color:#e8dcff;border-color:#ac95dc}
html[data-theme=dark] body:is(.street-page,.street-home) :is(code,pre,kbd){background:#0d2238;color:#d3e8ff;border-color:#3b5872}
html[data-theme=dark] body:is(.street-page,.street-home) :is(dialog,.cookie-dialog,.invitation-dialog,.ic-membership,.iconcu-help-dialog,.welcome-tour){
 --panel:#142d45;--surface:#142d45;--text:#e7f1fc;--muted:#bfd1e3;--line:#54728d;
 background:#142d45!important;color:#e7f1fc!important;border-color:#54728d;
}
html[data-theme=dark] body:is(.street-page,.street-home) :is(dialog,.iconcu-help-dialog,.welcome-tour) :is(header,section,article,.ic-membership-hero,.ic-membership-entry){background-color:#142d45;color:#e7f1fc}
html[data-theme=dark] body:is(.street-page,.street-home) :is(dialog,.iconcu-help-dialog,.welcome-tour)::backdrop{background:#020d1bc9}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.site-footer,.footer){background-color:#091a2d;color:#bfd1e3;border-color:#3b5872}
html[data-theme=dark] body:is(.street-page,.street-home) .demo-layer{color:#eaf7ff}
html[data-theme=dark] body:is(.street-page,.street-home) .demo-message{color:#eaf7ff}
html[data-theme=dark] body:is(.street-page,.street-home) .demo-message small{color:#83dff5}
html[data-theme=dark] body:is(.street-page,.street-home) .launch-hero h1 em{color:#092e43;-webkit-text-fill-color:#092e43}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.stats-live button,.account-tabs button,.secondary-btn):hover{background:#294d6c;color:#fff}
html[data-theme=dark] body:is(.street-page,.street-home) :focus-visible{outline-color:#75d7ef}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.stats-card,.stats-panel,.server-metrics article) :is(span,small){color:#c9d9e9}
html[data-theme=dark] body:is(.street-page,.street-home) .stats-card strong{color:#c5afff}
html[data-theme=dark] body:is(.street-page,.street-home) .stats-grid.now .stats-card strong{color:#8be5ec}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.poster-number,.poster-footer){color:#c9d9e9}
html[data-theme=dark] body:is(.street-page,.street-home) .street-art::after{background:linear-gradient(135deg,#142d45 25%,transparent 25%) -3px 0/12px 12px,linear-gradient(225deg,#142d45 25%,transparent 25%) -3px 0/12px 12px}
html[data-theme=dark] body:is(.street-page,.street-home) #account-error{color:#e3c1ff}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.inline-error,.error,.alert-error,[role=alert]){background-color:#3d2236;color:#ffd2dd;border-color:#a66c82}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.success,.alert-success){background-color:#143c35;color:#c1f8df;border-color:#549c83}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.warning,.alert-warning){background-color:#3d3421;color:#ffe1a3;border-color:#aa8c4b}
html[data-theme=dark] body:is(.street-page,.street-home) :is(.inline-error,.error,.alert-error,[role=alert],.success,.alert-success,.warning,.alert-warning) :is(p,span,small){color:inherit}
