/* 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}