/* Darstellung pro Benutzer: überschreibt die Firmenfarben nur, wenn Dunkel/Hell gewählt wurde (html[data-theme]). Akzentfarbe bleibt die der Firma. */
html[data-theme="dunkel"] { color-scheme: dark; --bg: #0e1218; --panel: #161c25; --panel2: #1c2430; --panel-2: #1c2430; --line: #2a3442; --text: #e8edf4; --muted: #8d9bb0; --ok: #3ecf8e; --warn: #f5b942; --crit: #ff5d5d; --nodata: #6b7788; }
html[data-theme="hell"] { color-scheme: light; --bg: #eef1f5; --panel: #ffffff; --panel2: #f3f5f8; --panel-2: #f3f5f8; --line: #d3d9e2; --text: #18202b; --muted: #5b6778; --ok: #12915b; --warn: #a86a00; --crit: #d12f2f; --nodata: #7a8594; }
html[data-theme="hell"] body, html[data-theme="dunkel"] body { background: var(--bg); color: var(--text); }
html[data-theme] .dx-top { background: var(--panel); color: var(--text); }
html[data-theme="hell"] .panel, html[data-theme="hell"] .dx-login { box-shadow: 0 1px 2px rgba(20,30,50,.06), 0 4px 14px rgba(20,30,50,.05); }
html[data-theme="hell"] .g-bar { color: #18202b; }
.theme-btn { white-space: nowrap; }