/* Freigegebenes Farbsystem Graphit und Orange, CORE-Testfassung. */
/* Freigegebenes Farbmuster Graphit und Orange, übernommene Palette für CORE. */
:root {
 --gray-0:#14191F;--gray-1:#1E252E;--gray-2:#28323D;--gray-3:#49596B;--gray-4:#65758A;--gray-5:#8A97A6;--gray-6:#B0BBC8;--gray-7:#D0D8E1;--gray-8:#EDF0F4;
 --accent-9:#F19A61;--accent-hover:#F6B27F;--accent-active:#E88A4E;--accent-muted:#392B24;--accent-border:#9B6A47;
 --orientation-9:#8BB6D6;--orientation-muted:#243B4C;
 --success-9:#8BB6D6;--success-muted:#243B4C;--warning-9:#E4B77E;--warning-muted:#3D3020;--danger-9:#FFAAA9;--danger-muted:#42262F;
 --surface-app:var(--gray-0);--surface-raised:var(--gray-1);--surface-raised-hover:var(--gray-2);--surface-overlay:#1E252E;--surface-inset:var(--gray-2);
 --border-subtle:var(--gray-3);--border-strong:var(--gray-4);--text-primary:var(--gray-8);--text-secondary:var(--gray-7);--text-muted:var(--gray-6);--text-disabled:var(--gray-5);--text-on-accent:#1B2027;--focus-ring:var(--accent-9);
 --nav-bg:#171B22;--nav-text:#DDE2E9;--nav-muted:#ABB5C1;--nav-line:#3C4653;--nav-field:#171B22;--nav-active-bg:#292D34;--nav-active-text:#F6F7F9;--nav-accent:#F6B27F;--nav-hover:#303640;
}
:root[data-mode="light"] {
 --gray-0:#ECEEF0;--gray-1:#F6F7F8;--gray-2:#E0E4E8;--gray-3:#BAC3CD;--gray-4:#8898A9;--gray-5:#738296;--gray-6:#536170;--gray-7:#3C4B5B;--gray-8:#1C2530;
 --accent-9:#B84A10;--accent-hover:#9C3E0C;--accent-active:#863408;--accent-muted:#F7E8DE;--accent-border:#C78C65;
 --orientation-9:#245B80;--orientation-muted:#DFEAF2;
 --success-9:#245B80;--success-muted:#DFEAF2;--warning-9:#805209;--warning-muted:#FFF2D8;--danger-9:#A82F3E;--danger-muted:#FCE8ED;--surface-overlay:#F6F7F8;--text-on-accent:#FFFFFF;
 --nav-bg:#466E89;--nav-text:#F4F7FA;--nav-muted:#E5EDF4;--nav-line:#8BA6BA;--nav-field:#3C627C;--nav-active-bg:#294E68;--nav-active-text:#FFFFFF;--nav-accent:#FFBF8A;--nav-hover:#3C627C;
}

/* CORE-Aliase auf das von Charlie freigegebene gemeinsame Farbsystem. */
:root:root {
 --bg:var(--surface-app);--surface:var(--surface-raised);--surface-2:var(--gray-2);--surface-3:var(--gray-3);
 --border:var(--border-subtle);--border-soft:color-mix(in srgb,var(--border-subtle) 55%,var(--surface));
 --text:var(--text-primary);--text-soft:var(--text-secondary);--text-dim:var(--text-muted);
 --accent:var(--accent-9);--accent-strong:var(--accent-active);--accent-soft:var(--accent-muted);
 --danger:var(--danger-9);--danger-bg:var(--danger-muted);--warning:var(--warning-9);--warning-bg:var(--warning-muted);
 --success:var(--success-9);--success-bg:var(--success-muted);--info:var(--orientation-9);
 --question:#BD9CDE;--question-bg:#30273D;--board-accent:var(--accent-9);
 --chat-user-bg:var(--orientation-muted);--chat-user-border:var(--orientation-9);
 color-scheme:dark;
}
:root:root[data-mode="light"]{--question:#704795;--question-bg:#EDE5F4;color-scheme:light;--shadow-pop:0 6px 22px rgba(30,45,65,.16)}
:root #accentStrip{background:var(--accent)!important}
:root #sidebar{background:var(--nav-bg);color:var(--nav-text);border-color:var(--nav-line)!important}
:root #sidebar .text-dim,:root #sidebar .text-soft,:root #sidebar .side-section-header,:root #sidebar .side-count,:root #sidebar .side-close{color:var(--nav-muted)}
:root #sidebar .side-item,:root #sidebar .trash-open-btn{color:var(--nav-text)}
:root #sidebar .side-item:hover,:root #sidebar .side-section-header:hover,:root #sidebar .trash-open-btn:hover{background:var(--nav-hover);color:var(--nav-text)}
:root #sidebar .side-item.active{background:var(--nav-active-bg);color:var(--nav-active-text)}
:root #sidebar .side-item.active::before{background:var(--nav-accent)}
:root #sidebar .side-item.active>svg,:root #sidebar #appLogoBtn svg{color:var(--nav-accent);stroke:var(--nav-accent)}
:root #sidebar #appLogoBtn>div:first-child{background:var(--nav-field)!important;border-color:var(--nav-line)!important}
:root #sidebar .btn,:root #sidebar input,:root #sidebar select{color:var(--nav-text);background:var(--nav-field);border-color:var(--nav-line)}
:root #sidebar .btn:hover{background:var(--nav-hover)}
:root #sidebar .app-logo-btn{color:var(--nav-text)}
:root .btn-primary,:root .sc-knopf.primaer,:root .cp-scope-btn.is-active{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent)}
:root .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
:root .sc-blase.user{background:var(--chat-user-bg);border-color:var(--chat-user-border);color:var(--text)}
:root .sc-blase.assistant,:root .sc-system{background:var(--surface);color:var(--text);border-color:var(--border)}
:root .sc-chat.aktiv,:root .sc-zentrale.aktiv{background:var(--orientation-muted)}
:root .dash-board-tile{border-color:var(--accent)}
:root .core-mode-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:34px;flex-shrink:0}
:root .core-mode-toggle svg{width:16px;height:16px;flex-shrink:0}
:root .core-mode-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
:root .core-login-mode{position:fixed;right:18px;top:16px;z-index:5}
:root[data-mode="light"] .pixel-sprite{filter:none}
@media(max-width:680px){.core-mode-toggle .core-mode-label{display:none}:root .core-mode-toggle{min-width:36px;padding:7px!important}}
@media print{.core-mode-toggle{display:none!important}}
/* Variablen auch für dynamisch erzeugte Menügruppen und deren Inline-Stile. */
:root #sidebar{--text:var(--nav-text);--text-soft:var(--nav-muted);--text-dim:var(--nav-muted);--surface:var(--nav-bg);--surface-2:var(--nav-field);--surface-3:var(--nav-hover);--border:var(--nav-line);--accent:var(--nav-accent);--accent-soft:var(--nav-active-bg);--text-on-accent:#172432}
@media(max-width:680px){
 :root #sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,calc(100vw - 44px));z-index:50}
 :root #sidebar.collapsed{width:0;pointer-events:none;visibility:hidden}
 :root #app>main{width:100%;min-width:0}
 :root .topbar{flex-wrap:wrap;gap:8px;padding:9px}
 :root #viewTabs{max-width:100%;overflow-x:auto}
}

@media(max-width:680px){:root #boardMenu{left:12px!important;max-width:calc(100vw - 24px)}}
@media print{:root:root{--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F6F7F8;--surface-3:#E0E4E8;--text:#1C2530;--text-soft:#3C4B5B;--text-dim:#536170;--border:#BAC3CD;--accent:#B84A10}}

/* Einheitliche lokale Schrift wie in GRCPM, auch in Chat und Kennzahlen. */
:root:root{--font-mono:'Roboto Mono',ui-monospace,'SF Mono',Consolas,monospace;--mono:var(--font-mono)}
:root:root body,:root:root body *{font-family:var(--font-mono)}

/* Der Modusschalter bleibt auch in einer umgebrochenen Kopfzeile rechts. */
:root .topbar>.core-mode-toggle{margin-left:auto}