/* ci4u-warm.css - Design "warm" und "Hoher Kontrast" (K262, 05.10.2026)
   Gilt NUR unter html[data-theme="warm"] bzw. html[data-theme="kontrast"] (gesetzt von web/ui/base.py aus
   Cookie ci4u_theme oder Mandanten-Einstellung theme_mode). Dunkel und kuehles Hell bleiben unveraendert.
   Farben kommen aus den Preset-Variablen (--bg/--surface/--border/--accent/--accent2/--text/--muted, base.py);
   diese Datei ergaenzt Schrift, Formen, Schatten und ersetzt die fuer Dunkel gedachten festen Farben
   (rgba(255,255,255,x)-Hover, Neon-Badges) durch warme bzw. kontrastreiche Gegenstuecke.
   Vorlage: baecker.ci4u.de (warm.css der Website), Homepage-Demo (home-demo.css).
   Fachseiten (Baeckerei, Karte, Diagramme) liegen in ci4u-warm-fach.css. */

@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/poppins-600.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/poppins-700.woff2') format('woff2')}

/* ── Variablen ──────────────────────────────────────────────────────────── */
html[data-theme="warm"],html[data-theme="kontrast"]{
  --font-display:'Poppins','Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --ci4u-radius:10px;--ci4u-radius-card:16px;
  --ci4u-success:#0B7A4B;--ci4u-danger:#B3261E;--ci4u-warning:#9A5B00;--ci4u-info:#0B5FA5;
  --warm-card-shadow:0 1px 2px rgb(43 33 24/.05),0 8px 24px rgb(43 33 24/.06);
  --warm-pop-shadow:0 12px 32px rgb(43 33 24/.16);
  --warm-tint:#FFF3E0;            /* Hinweisflaechen, aktive Zeilen, Hover */
  --warm-tint-border:#F0C48E;
  --warm-line:#F1E8DA;            /* feine Trennlinien in Karten */
  --warm-control:#9A8873;         /* Rahmen von Eingabefeldern (>= 3:1 auf Weiss) */
  --warm-ok-bg:#DDF3E4;--warm-ok-text:#0B5A36;
  --warm-warn-bg:#FFF0C2;--warm-warn-text:#6B4A00;
  --warm-err-bg:#FDE3E1;--warm-err-text:#8E1D16;
  --warm-info-bg:#DDEEFB;--warm-info-text:#0B4A80;
  --warm-scrim:rgb(43 33 24/.45);
  --warm-border-w:1px;
  color-scheme:light;
}
html[data-theme="kontrast"]{
  --warm-card-shadow:none;--warm-pop-shadow:none;
  --warm-tint:#EDEDED;--warm-tint-border:#000;--warm-line:#000;--warm-control:#000;
  --warm-ok-bg:#fff;--warm-ok-text:#000;--warm-warn-bg:#fff;--warm-warn-text:#000;
  --warm-err-bg:#fff;--warm-err-text:#000;--warm-info-bg:#fff;--warm-info-text:#000;
  --ci4u-success:#0B5A36;--ci4u-danger:#8E1D16;--ci4u-warning:#6B4A00;--ci4u-info:#0B4A80;
  --warm-scrim:rgb(0 0 0/.6);
  --warm-border-w:2px;
}

/* ── Grundlagen: Seite, Schrift, Links, Fokus, Scrollbalken ─────────────── */
html[data-theme="warm"] body{background:var(--bg);color:var(--text)}
html[data-theme="kontrast"] body{background:#fff;color:#000}
html[data-theme="warm"],html[data-theme="kontrast"]{scrollbar-color:#C9B99F transparent}
html[data-theme="kontrast"]{scrollbar-color:#000 #fff}
html[data-theme="warm"] ::-webkit-scrollbar,html[data-theme="kontrast"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-theme="warm"] ::-webkit-scrollbar-thumb{background:#C9B99F;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
html[data-theme="kontrast"] ::-webkit-scrollbar-thumb{background:#000;border-radius:999px}
html[data-theme="warm"] :is(h1,h2,h3,h4),html[data-theme="kontrast"] :is(h1,h2,h3,h4){font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--text)}
html[data-theme="warm"] :is(h1,.page-header h1,.hero-title,.login-brand-headline),html[data-theme="kontrast"] :is(h1,.page-header h1,.hero-title,.login-brand-headline){font-weight:700}
html[data-theme="warm"] .page-header h1,html[data-theme="kontrast"] .page-header h1{font-size:22px}
html[data-theme="warm"] a:not([class]),html[data-theme="warm"] .mb a,html[data-theme="warm"] a.desk-list-item:hover{color:var(--accent)}
html[data-theme="kontrast"] a:not([class]),html[data-theme="kontrast"] .mb a{color:var(--accent);text-decoration:underline}
html[data-theme="warm"] :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
html[data-theme="kontrast"] :focus-visible{outline:3px solid #000;outline-offset:3px;box-shadow:0 0 0 2px #fff}
html[data-theme="warm"] ::selection,html[data-theme="kontrast"] ::selection{background:var(--warm-tint-border);color:var(--text)}
html[data-theme="kontrast"] ::selection{background:#000;color:#fff}
html[data-theme="warm"] .page,html[data-theme="kontrast"] .page{background-image:none;padding:24px 28px}
@media(max-width:768px){html[data-theme="warm"] .page,html[data-theme="kontrast"] .page{padding:14px 16px}}

/* ── Karten ─────────────────────────────────────────────────────────────── */
html[data-theme="warm"] :is(.card,.ci4u-panel,.ci4u-metric,.stat-tile),
html[data-theme="kontrast"] :is(.card,.ci4u-panel,.ci4u-metric,.stat-tile){
  background:var(--surface);border:var(--warm-border-w) solid var(--border);border-radius:var(--ci4u-radius-card);
  box-shadow:var(--warm-card-shadow)}
html[data-theme="warm"] .card{padding:22px 24px}
html[data-theme="warm"] .card:hover,html[data-theme="kontrast"] .card:hover{border-color:var(--border)}
html[data-theme="warm"] .card-title,html[data-theme="kontrast"] .card-title{font-size:16px;border-bottom-color:var(--warm-line);color:var(--text)}
html[data-theme="warm"] .ci4u-panel-head,html[data-theme="kontrast"] .ci4u-panel-head{border-bottom:1px solid var(--warm-line);padding:14px 18px}
html[data-theme="warm"] .ci4u-panel-title,html[data-theme="kontrast"] .ci4u-panel-title{font-size:15px}
html[data-theme="warm"] .ci4u-metric-val,html[data-theme="warm"] .stat-value,html[data-theme="kontrast"] .ci4u-metric-val,html[data-theme="kontrast"] .stat-value{font-weight:700}
html[data-theme="warm"] .stat-value--accent,html[data-theme="warm"] .ci4u-metric-delta.up{color:var(--accent)}
html[data-theme="kontrast"] .stat-value--accent{color:#000}
html[data-theme="warm"] .stat-label,html[data-theme="warm"] .ci4u-metric-lbl{font-size:12.5px;font-weight:500;color:var(--muted)}
/* Hero-Banner (Schreibtisch, Admin-Uebersicht): weisse Karte statt Punktraster */
html[data-theme="warm"] .hero-banner,html[data-theme="kontrast"] .hero-banner{
  background-image:none;background-color:var(--surface);border:var(--warm-border-w) solid var(--border);
  border-left-width:var(--warm-border-w);border-radius:var(--ci4u-radius-card);box-shadow:var(--warm-card-shadow);padding:28px 32px}
html[data-theme="warm"] .hero-eq{opacity:.22}
html[data-theme="warm"] .hero-eq .bar{background:var(--accent)}
html[data-theme="kontrast"] .hero-eq{display:none}
html[data-theme="warm"] .hero-title,html[data-theme="kontrast"] .hero-title{font-size:1.9rem;margin-bottom:6px}
html[data-theme="warm"] .hero-sub,html[data-theme="kontrast"] .hero-sub{font-size:.9rem}
html[data-theme="warm"] .hero-sub .ok-dot{background:var(--ci4u-success)}
html[data-theme="warm"] .hero-sub .warn-dot{background:var(--ci4u-warning)}
html[data-theme="kontrast"] .hero-sub .ok-dot,html[data-theme="kontrast"] .hero-sub .warn-dot{background:#000}
html[data-theme="warm"] .ci4u-pulse .bar,html[data-theme="warm"] .ci4u-bars span{background:var(--accent)}
html[data-theme="kontrast"] .ci4u-pulse .bar,html[data-theme="kontrast"] .ci4u-bars span{background:#000}
html[data-theme="warm"] .ci4u-hero{background:var(--accent2);color:#FBF6EE}
html[data-theme="kontrast"] .ci4u-hero{background:#000;color:#fff}
html[data-theme="warm"] .ci4u-hero-btn.solid{color:var(--accent2)}
html[data-theme="kontrast"] .ci4u-hero-btn.solid{color:#000;border:2px solid #fff}
html[data-theme="warm"] .ci4u-empty-icon{opacity:.5}
html[data-theme="warm"] .ci4u-skeleton,html[data-theme="warm"] .skeleton{background:linear-gradient(90deg,var(--bg) 25%,var(--warm-tint) 50%,var(--bg) 75%);background-size:200% 100%}

/* ── Buttons: Pillen, Primaer orange mit weisser Schrift ────────────────── */
html[data-theme="warm"] :is(.btn,.ci4u-btn,.kb,.kb-p,.kb-d,.login-pwa-btn,.adm-back,.adm-cmd-btn,.theme-btn,.lang-btn,.logout-btn,.desk-chip-btn,.greeting-chip,.mab,.ub-btn,.msg-sources-toggle),
html[data-theme="kontrast"] :is(.btn,.ci4u-btn,.kb,.kb-p,.kb-d,.login-pwa-btn,.adm-back,.adm-cmd-btn,.theme-btn,.lang-btn,.logout-btn,.desk-chip-btn,.greeting-chip,.mab,.ub-btn,.msg-sources-toggle){
  border-radius:999px;font-weight:500;font-family:var(--font-body,inherit)}
html[data-theme="warm"] :is(.btn,.ci4u-btn),html[data-theme="kontrast"] :is(.btn,.ci4u-btn){padding:8px 16px;font-size:13.5px;min-height:36px;line-height:1.2}
html[data-theme="warm"] :is(.btn,.ci4u-btn,.kb,.login-pwa-btn,.adm-back,.adm-cmd-btn,.theme-btn,.lang-btn,.desk-chip-btn,.greeting-chip,.mab,.ub-btn,.msg-sources-toggle){
  background:var(--surface);border:1px solid var(--warm-control);color:var(--text)}
html[data-theme="warm"] :is(.btn,.ci4u-btn,.kb,.login-pwa-btn,.adm-back,.adm-cmd-btn,.theme-btn,.lang-btn,.desk-chip-btn,.greeting-chip,.mab,.ub-btn,.msg-sources-toggle):hover{
  background:var(--warm-tint);border-color:var(--accent);color:var(--text);filter:none}
html[data-theme="warm"] .btn-p,html[data-theme="warm"] .ci4u-btn.primary,html[data-theme="warm"] .kb-p{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 6px 16px rgb(179 79 22/.25)}
html[data-theme="warm"] .btn-p:hover,html[data-theme="warm"] .ci4u-btn.primary:hover,html[data-theme="warm"] .kb-p:hover{background:#9A4312!important;opacity:1!important;filter:none}
html[data-theme="warm"] .ci4u-btn.cta{background:var(--accent2);color:#FBF6EE;border-color:var(--accent2)}
html[data-theme="warm"] .btn-d,html[data-theme="warm"] .kb-d{background:var(--ci4u-danger)!important;color:#fff!important;border-color:var(--ci4u-danger)!important}
html[data-theme="warm"] .btn-g{background:none;border-color:transparent;color:var(--muted)}
html[data-theme="warm"] .btn-g:hover{color:var(--text);background:var(--warm-tint);border-color:transparent}
html[data-theme="warm"] .btn-s{background:var(--bg);color:var(--text);border-color:var(--border)}
html[data-theme="warm"] .logout-btn{color:var(--ci4u-danger);border-color:var(--warm-control)}
html[data-theme="warm"] .logout-btn:hover{background:var(--warm-err-bg)}
html[data-theme="kontrast"] :is(.btn,.ci4u-btn,.kb,.login-pwa-btn,.adm-back,.adm-cmd-btn,.theme-btn,.lang-btn,.desk-chip-btn,.greeting-chip,.mab,.ub-btn,.msg-sources-toggle,.logout-btn){
  background:#fff;border:2px solid #000;color:#000;opacity:1}
html[data-theme="kontrast"] :is(.btn,.ci4u-btn,.kb,.login-pwa-btn,.adm-back,.adm-cmd-btn,.theme-btn,.lang-btn,.desk-chip-btn,.greeting-chip,.mab,.ub-btn,.msg-sources-toggle,.logout-btn):hover{background:#000;color:#fff;filter:none}
html[data-theme="kontrast"] :is(.btn-p,.ci4u-btn.primary,.ci4u-btn.cta,.kb-p){background:#000!important;color:#fff!important;border-color:#000!important}
html[data-theme="kontrast"] :is(.btn-p,.ci4u-btn.primary,.kb-p):hover{background:#fff!important;color:#000!important;opacity:1!important}
html[data-theme="kontrast"] .btn-d,html[data-theme="kontrast"] .kb-d{background:var(--ci4u-danger)!important;color:#fff!important;border-color:#000!important}
html[data-theme="kontrast"] .btn-g{border-color:transparent}
html[data-theme="kontrast"] :is(.btn,.ci4u-btn,.kb,.kb-p,.kb-d)[disabled],html[data-theme="warm"] :is(.btn,.ci4u-btn,.kb,.kb-p,.kb-d)[disabled]{opacity:.55;cursor:not-allowed}
@media(pointer:coarse){html[data-theme="warm"] :is(.btn,.ci4u-btn,.kb,.kb-p),html[data-theme="kontrast"] :is(.btn,.ci4u-btn,.kb,.kb-p){min-height:44px}}

/* ── Formularfelder ─────────────────────────────────────────────────────── */
html[data-theme="warm"] :is(input,select,textarea),html[data-theme="kontrast"] :is(input,select,textarea){
  background:var(--surface);color:var(--text);border:var(--warm-border-w) solid var(--warm-control);border-radius:10px;padding:9px 12px;font-size:13.5px;min-height:38px}
html[data-theme="warm"] :is(input,select,textarea):focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(179 79 22/.18)}
html[data-theme="kontrast"] :is(input,select,textarea):focus{border-color:#000;box-shadow:0 0 0 3px #fff,0 0 0 5px #000}
html[data-theme="warm"] :is(input,textarea)::placeholder{color:#8A7866}
html[data-theme="kontrast"] :is(input,textarea)::placeholder{color:#3A3A3A}
html[data-theme="warm"] input[type=checkbox],html[data-theme="kontrast"] input[type=checkbox]{border:2px solid var(--warm-control);border-radius:5px;min-height:0;padding:0;background:var(--surface)}
html[data-theme="warm"] input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
html[data-theme="kontrast"] input[type=checkbox]:checked{background:#000;border-color:#000}
html[data-theme="warm"] input[type=radio],html[data-theme="kontrast"] input[type=radio]{min-height:0;padding:0;width:18px;height:18px;accent-color:var(--accent)}
html[data-theme="kontrast"] input[type=radio]{accent-color:#000}
html[data-theme="warm"] input[type=range],html[data-theme="kontrast"] input[type=range]{border:0;padding:0;min-height:0;accent-color:var(--accent)}
html[data-theme="warm"] .form-group label,html[data-theme="kontrast"] .form-group label{font-size:12.5px;color:var(--text);font-weight:500}
html[data-theme="warm"] select option,html[data-theme="kontrast"] select option{background:#fff;color:var(--text)}
html[data-theme="warm"] .prompt-ta,html[data-theme="warm"] .inp-row{background:var(--surface);border-color:var(--warm-control)}
html[data-theme="warm"] .inp-row{border-radius:18px;box-shadow:var(--warm-card-shadow)}
html[data-theme="warm"] .inp-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgb(179 79 22/.18)}
html[data-theme="kontrast"] .inp-row{border:2px solid #000;border-radius:18px}
html[data-theme="warm"] .inp-row textarea,html[data-theme="kontrast"] .inp-row textarea{border:0;min-height:24px;box-shadow:none;background:none}

/* ── Tabellen ───────────────────────────────────────────────────────────── */
html[data-theme="warm"] .table-wrap,html[data-theme="kontrast"] .table-wrap{border:var(--warm-border-w) solid var(--border);border-radius:14px;background:var(--surface)}
html[data-theme="warm"] thead th,html[data-theme="warm"] .ci4u-table th{background:var(--bg);color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.02em;border-bottom:1px solid var(--border)}
html[data-theme="warm"] tbody tr,html[data-theme="warm"] .ci4u-table td{border-bottom:1px solid var(--warm-line);border-top:0}
html[data-theme="warm"] .ci4u-table td{border-top:1px solid var(--warm-line);border-bottom:0}
html[data-theme="warm"] tbody tr:hover,html[data-theme="warm"] .ci4u-table tbody tr:hover td{background:var(--warm-tint)}
html[data-theme="warm"] .ci4u-table tr:nth-child(even){background:transparent}
html[data-theme="warm"] tbody td,html[data-theme="kontrast"] tbody td{padding:11px 14px}
html[data-theme="kontrast"] thead th,html[data-theme="kontrast"] .ci4u-table th{background:#fff;color:#000;font-weight:700;border-bottom:2px solid #000}
html[data-theme="kontrast"] tbody tr,html[data-theme="kontrast"] .ci4u-table td{border-bottom:1px solid #000;border-top:0}
html[data-theme="kontrast"] tbody tr:hover,html[data-theme="kontrast"] .ci4u-table tbody tr:hover td{background:var(--warm-tint)}
html[data-theme="kontrast"] .ci4u-table tr:nth-child(even){background:transparent}
html[data-theme="warm"] .ci4u-table th.sort-asc::after,html[data-theme="warm"] .ci4u-table th.sort-desc::after{color:var(--accent)}
html[data-theme="warm"] .ci4u-table .row-actions,html[data-theme="kontrast"] .ci4u-table .row-actions{opacity:1}

/* ── Badges, Chips, Alerts, Toasts ──────────────────────────────────────── */
html[data-theme="warm"] .badge,html[data-theme="kontrast"] .badge{font-weight:600;padding:3px 10px;border:1px solid transparent}
html[data-theme="warm"] :is(.badge.info,.badge.active,.badge.ok,.ci4u-chip.green),html[data-theme="kontrast"] :is(.badge.info,.badge.active,.badge.ok,.ci4u-chip.green){background:var(--warm-ok-bg);color:var(--warm-ok-text)}
html[data-theme="warm"] :is(.badge.warn,.badge.pending,.ci4u-chip.amber,.feat-badge.soon,.nav-todo-badge),html[data-theme="kontrast"] :is(.badge.warn,.badge.pending,.ci4u-chip.amber,.feat-badge.soon,.nav-todo-badge){background:var(--warm-warn-bg);color:var(--warm-warn-text)}
html[data-theme="warm"] :is(.badge.err,.badge.error,.badge.inactive,.ci4u-chip.danger),html[data-theme="kontrast"] :is(.badge.err,.badge.error,.badge.inactive,.ci4u-chip.danger){background:var(--warm-err-bg);color:var(--warm-err-text)}
html[data-theme="warm"] :is(.ci4u-chip.purple,.feat-badge.pro,.feat-badge.ent),html[data-theme="kontrast"] :is(.ci4u-chip.purple,.feat-badge.pro,.feat-badge.ent){background:var(--warm-tint);color:var(--accent)}
html[data-theme="warm"] .ci4u-chip.gray,html[data-theme="kontrast"] .ci4u-chip.gray{background:var(--bg);color:var(--muted);border:1px solid var(--border)}
html[data-theme="kontrast"] :is(.badge,.ci4u-chip,.feat-badge,.nav-todo-badge){border:2px solid #000;color:#000;background:#fff}
html[data-theme="warm"] .alert,html[data-theme="kontrast"] .alert{border-radius:12px;padding:12px 16px;border-left-width:4px}
html[data-theme="warm"] .alert-ok{background:var(--warm-ok-bg);color:var(--warm-ok-text);border-color:var(--ci4u-success)}
html[data-theme="warm"] .alert-err{background:var(--warm-err-bg);color:var(--warm-err-text);border-color:var(--ci4u-danger)}
html[data-theme="warm"] .alert-info{background:var(--warm-info-bg);color:var(--warm-info-text);border-color:var(--ci4u-info)}
html[data-theme="kontrast"] .alert{background:#fff;color:#000;border:2px solid #000;border-left-width:6px}
html[data-theme="warm"] .toast,html[data-theme="kontrast"] .toast{box-shadow:var(--warm-pop-shadow);border-radius:14px;border-left-width:4px;color:var(--text);background:var(--surface)}
html[data-theme="warm"] .toast.ok{border-color:var(--ci4u-success);color:var(--warm-ok-text)}
html[data-theme="warm"] .toast.err{border-color:var(--ci4u-danger);color:var(--warm-err-text)}
html[data-theme="warm"] .toast.info{border-color:var(--accent);color:var(--text)}
html[data-theme="kontrast"] .toast{border:2px solid #000;border-left-width:6px;color:#000}
html[data-theme="warm"] .local-banner{background:var(--warm-ok-bg);color:var(--warm-ok-text);border-bottom-color:var(--ci4u-success)}
html[data-theme="warm"] .local-banner-btn,html[data-theme="warm"] .local-banner-close{color:var(--warm-ok-text)}
html[data-theme="kontrast"] .local-banner{background:#fff;color:#000;border-bottom:2px solid #000}
html[data-theme="warm"] .incognito-active,html[data-theme="warm"] .incognito-hint{background:var(--warm-tint)!important;color:var(--accent)!important;border-color:var(--accent)!important}
html[data-theme="warm"] .mab.rated-up{color:var(--accent)!important;border-color:var(--accent)!important;background:var(--warm-tint)!important}
html[data-theme="warm"] .mab.rated-dn{color:var(--ci4u-danger)!important;border-color:var(--ci4u-danger)!important;background:var(--warm-err-bg)!important}
html[data-theme="warm"] .sdot.ok{background:var(--ci4u-success)}
html[data-theme="warm"] .sdot.err{background:var(--ci4u-danger)}
html[data-theme="warm"] .sdot.warn{background:var(--ci4u-warning)}
html[data-theme="warm"] .sdot.info{background:var(--ci4u-info)}
html[data-theme="kontrast"] .sdot{border:2px solid #000;width:11px;height:11px}
html[data-theme="warm"] .dsgvo-warn{background:var(--warm-err-bg);color:var(--warm-err-text);border-bottom:1px solid var(--ci4u-danger)}
html[data-theme="kontrast"] .dsgvo-warn{background:#fff;color:#000;border-bottom:2px solid #000}

/* ── Tabs, Breadcrumb, Trennlinien ──────────────────────────────────────── */
html[data-theme="warm"] .tab-nav,html[data-theme="kontrast"] .tab-nav{gap:6px;border-bottom:var(--warm-border-w) solid var(--border)}
html[data-theme="warm"] .tab-link,html[data-theme="kontrast"] .tab-link{padding:10px 16px;font-weight:500;color:var(--muted);border-bottom-width:3px;border-radius:8px 8px 0 0}
html[data-theme="warm"] .tab-link:hover{color:var(--text);background:var(--warm-tint)}
html[data-theme="warm"] .tab-link.active{color:var(--accent);border-bottom-color:var(--accent)}
html[data-theme="kontrast"] .tab-link{color:#000}
html[data-theme="kontrast"] .tab-link:hover{background:var(--warm-tint)}
html[data-theme="kontrast"] .tab-link.active{color:#000;font-weight:700;border-bottom-color:#000}
html[data-theme="warm"] :is(.ptab),html[data-theme="kontrast"] :is(.ptab){border-color:var(--warm-control);background:var(--bg);color:var(--muted)}
html[data-theme="warm"] .ptab-active,html[data-theme="kontrast"] .ptab-active{background:var(--surface);color:var(--text)}
html[data-theme="warm"] :is(.ci4u-breadcrumb,.adm-breadcrumb),html[data-theme="kontrast"] :is(.ci4u-breadcrumb,.adm-breadcrumb){font-size:12.5px;color:var(--muted)}
html[data-theme="warm"] :is(.ci4u-breadcrumb a,.adm-breadcrumb a):hover{color:var(--accent)}
html[data-theme="kontrast"] :is(.ci4u-breadcrumb a,.adm-breadcrumb a){color:#000;text-decoration:underline}
html[data-theme="kontrast"] .adm-breadcrumb span{opacity:1}
html[data-theme="warm"] .sc-row,html[data-theme="kontrast"] .sc-row{border-bottom-color:var(--warm-line)}
html[data-theme="warm"] .sc-key{background:var(--bg);border-color:var(--warm-control)}
html[data-theme="kontrast"] .sc-key{background:#fff;border:2px solid #000}

/* ── Befehlspalette, Overlays, Menues ───────────────────────────────────── */
html[data-theme="warm"] :is(#cmd-overlay,#shortcuts-overlay,.kov,.panel-overlay,.df-overlay,.adm-overlay,.sidebar-overlay){background:var(--warm-scrim)}
html[data-theme="kontrast"] :is(#cmd-overlay,#shortcuts-overlay,.kov,.panel-overlay,.df-overlay,.adm-overlay,.sidebar-overlay){background:var(--warm-scrim)}
html[data-theme="warm"] :is(#cmd-box,#shortcuts-box,.df-panel,.smenu,.lang-menu,.cmd-dropdown,.desk-kachel-menu),
html[data-theme="kontrast"] :is(#cmd-box,#shortcuts-box,.df-panel,.smenu,.lang-menu,.cmd-dropdown,.desk-kachel-menu){
  background:var(--surface);border:var(--warm-border-w) solid var(--border);box-shadow:var(--warm-pop-shadow);border-radius:16px}
html[data-theme="warm"] .cmd-dropdown,html[data-theme="kontrast"] .cmd-dropdown{border-radius:12px 12px 0 0}
html[data-theme="warm"] #cmd-input,html[data-theme="kontrast"] #cmd-input{border:0;border-bottom:var(--warm-border-w) solid var(--border);border-radius:0;background:none;min-height:0;box-shadow:none}
html[data-theme="warm"] .cmd-item:hover,html[data-theme="warm"] .cmd-item.sel,html[data-theme="warm"] .cmd-item.active{background:var(--warm-tint);color:var(--accent)}
html[data-theme="kontrast"] .cmd-item:hover,html[data-theme="kontrast"] .cmd-item.sel,html[data-theme="kontrast"] .cmd-item.active{background:#000;color:#fff}
html[data-theme="kontrast"] .cmd-item.sel .cmd-group,html[data-theme="kontrast"] .cmd-item:hover .cmd-group{color:#fff}
html[data-theme="warm"] :is(.smi,.lang-item,.desk-kachel-menu button):hover{background:var(--warm-tint)}
html[data-theme="kontrast"] :is(.smi,.lang-item,.desk-kachel-menu button):hover{background:#000;color:#fff}
html[data-theme="warm"] .lang-item.active{color:var(--accent);font-weight:600}
html[data-theme="kontrast"] .lang-item.active{color:#000;font-weight:700;text-decoration:underline}
html[data-theme="warm"] #cmd-hint,html[data-theme="warm"] .smsep{border-color:var(--warm-line)}

/* ── Obere Leiste (alte nav.sidebar) und Kopf ───────────────────────────── */
html[data-theme="warm"] nav.sidebar,html[data-theme="kontrast"] nav.sidebar{background:var(--surface);border-bottom:var(--warm-border-w) solid var(--border)}
html[data-theme="warm"] .nav-links a:hover{color:var(--text);background:var(--warm-tint)}
html[data-theme="warm"] .nav-links a.active{color:var(--accent);background:var(--warm-tint);font-weight:600}
html[data-theme="kontrast"] .nav-links a{color:#000}
html[data-theme="kontrast"] .nav-links a:hover{background:var(--warm-tint)}
html[data-theme="kontrast"] .nav-links a.active{background:#000;color:#fff}
html[data-theme="warm"] .theme-btn:hover,html[data-theme="warm"] .lang-btn:hover,html[data-theme="warm"] .adm-cmd-btn:hover{border-color:var(--accent);color:var(--text)}

/* ── Admin-Bereich ──────────────────────────────────────────────────────── */
html[data-theme="warm"] .adm-shell,html[data-theme="kontrast"] .adm-shell{background:var(--bg)}
html[data-theme="warm"] .adm-topbar,html[data-theme="kontrast"] .adm-topbar{background:var(--surface);border-bottom:var(--warm-border-w) solid var(--border);height:50px}
html[data-theme="warm"] .adm-brand,html[data-theme="kontrast"] .adm-brand{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:14.5px}
html[data-theme="warm"] .adm-cmd-btn,html[data-theme="kontrast"] .adm-cmd-btn{background:var(--bg);padding:6px 14px}
html[data-theme="warm"] .adm-menu-btn,html[data-theme="kontrast"] .adm-menu-btn{border:var(--warm-border-w) solid var(--warm-control);border-radius:10px;min-width:40px;min-height:40px}
html[data-theme="warm"] .adm-sidebar,html[data-theme="kontrast"] .adm-sidebar{background:var(--surface);border-right:var(--warm-border-w) solid var(--border)}
html[data-theme="warm"] .adm-sidebar-head,html[data-theme="kontrast"] .adm-sidebar-head{font-size:13px;border-bottom-color:var(--warm-line);padding:16px 18px 12px}
html[data-theme="kontrast"] .adm-sidebar-head{border-bottom:2px solid #000}
html[data-theme="warm"] .adm-group-label,html[data-theme="kontrast"] .adm-group-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:14px 18px 6px}
html[data-theme="kontrast"] .adm-group-label{color:#000}
html[data-theme="warm"] .adm-link,html[data-theme="warm"] .adm-link-disabled,html[data-theme="kontrast"] .adm-link,html[data-theme="kontrast"] .adm-link-disabled{
  margin:1px 10px;padding:8px 12px 8px 12px;border-left:0;border-radius:10px;font-size:13.5px}
html[data-theme="warm"] .adm-link:hover{background:var(--warm-tint);color:var(--text)}
html[data-theme="warm"] .adm-link.active{background:var(--warm-tint);color:var(--accent);font-weight:600}
html[data-theme="warm"] .adm-link.active .adm-icon{color:var(--accent)}
html[data-theme="warm"] .adm-link.active::before{left:0;background:var(--accent);height:18px}
html[data-theme="kontrast"] .adm-link{color:#000}
html[data-theme="kontrast"] .adm-link:hover{background:var(--warm-tint);color:#000}
html[data-theme="kontrast"] .adm-link.active{background:#000;color:#fff;font-weight:700}
html[data-theme="kontrast"] .adm-link.active .adm-icon{color:#fff}
html[data-theme="kontrast"] .adm-link.active::before{display:none}
html[data-theme="kontrast"] .adm-icon{color:#000}
html[data-theme="kontrast"] .adm-link-disabled{opacity:.7}
html[data-theme="warm"] .adm-sidebar-foot,html[data-theme="kontrast"] .adm-sidebar-foot{border-top-color:var(--warm-line);font-size:12px;padding:14px 18px}
html[data-theme="kontrast"] .adm-sidebar-foot{border-top:2px solid #000;color:#000}
html[data-theme="kontrast"] .adm-sidebar-foot a{color:#000;text-decoration:underline}
html[data-theme="warm"] .adm-sidebar-foot a:hover{color:var(--accent)}
html[data-theme="warm"] .adm-content,html[data-theme="kontrast"] .adm-content{padding:22px 28px}
@media(max-width:768px){html[data-theme="warm"] .adm-content,html[data-theme="kontrast"] .adm-content{padding:14px 16px}}
html[data-theme="warm"] .adm-link-todo{opacity:.7}
html[data-theme="warm"] .nav-locked,html[data-theme="warm"] .nav-lock-badge{color:var(--muted)}
html[data-theme="warm"] .nav-lock-badge{background:var(--bg);border:1px solid var(--border)}
html[data-theme="warm"] #live-status,html[data-theme="kontrast"] #live-status{font-size:11.5px}
html[data-theme="warm"] .sidebar-close-btn,html[data-theme="kontrast"] .sidebar-close-btn{min-width:40px;min-height:40px}
html[data-theme="warm"] .pnav-sidebar{background:var(--surface);border-radius:14px;box-shadow:var(--warm-card-shadow)}
html[data-theme="warm"] .pnav-link:hover{background:var(--warm-tint)}
html[data-theme="warm"] .pnav-active{color:var(--accent)!important;background:var(--warm-tint)}
html[data-theme="kontrast"] .pnav-active{color:#000!important;background:var(--warm-tint);text-decoration:underline}

/* ── Schreibtisch (/desk) ───────────────────────────────────────────────── */
html[data-theme="warm"] .desk-grid-header .card-title,html[data-theme="kontrast"] .desk-grid-header .card-title{font-size:17px}
html[data-theme="warm"] .desk-cat-filters,html[data-theme="kontrast"] .desk-cat-filters{gap:8px;margin-bottom:16px}
html[data-theme="warm"] .desk-cat-chip,html[data-theme="kontrast"] .desk-cat-chip{padding:7px 16px;font-size:13px;font-weight:500;color:var(--text);min-height:34px;display:inline-flex;align-items:center;border:var(--warm-border-w) solid var(--warm-control);background:var(--surface)}
html[data-theme="warm"] .desk-cat-chip:hover{background:var(--warm-tint);border-color:var(--accent)}
html[data-theme="warm"] .desk-cat-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="kontrast"] .desk-cat-chip:hover{background:var(--warm-tint)}
html[data-theme="kontrast"] .desk-cat-chip.active{background:#000;border-color:#000;color:#fff;font-weight:700}
html[data-theme="warm"] .desk-grid,html[data-theme="kontrast"] .desk-grid{gap:14px;background:none;border:0;border-radius:0;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
html[data-theme="warm"] .desk-kachel,html[data-theme="kontrast"] .desk-kachel{
  background:var(--surface);border:var(--warm-border-w) solid var(--border);border-radius:var(--ci4u-radius-card);box-shadow:var(--warm-card-shadow);padding:18px 20px}
html[data-theme="warm"] .desk-kachel:hover{background:var(--surface);box-shadow:var(--warm-pop-shadow)}
html[data-theme="kontrast"] .desk-kachel:hover{background:var(--surface)}
html[data-theme="warm"] .desk-kachel-title,html[data-theme="kontrast"] .desk-kachel-title{font-size:15px}
html[data-theme="warm"] .desk-kachel-menu-btn,html[data-theme="kontrast"] .desk-kachel-menu-btn{min-width:32px;min-height:32px}
html[data-theme="warm"] .desk-kachel-menu-btn:hover{background:var(--warm-tint)}
html[data-theme="warm"] .desk-kachel-empty,html[data-theme="kontrast"] .desk-kachel-empty{font-size:13px}
html[data-theme="warm"] .desk-ampel,html[data-theme="kontrast"] .desk-ampel{font-size:15px;font-weight:600;gap:14px}
html[data-theme="warm"] .desk-tiles,html[data-theme="kontrast"] .desk-tiles{gap:14px}
html[data-theme="warm"] .desk-tile,html[data-theme="kontrast"] .desk-tile{background:var(--surface);border:var(--warm-border-w) solid var(--border);border-radius:var(--ci4u-radius-card);box-shadow:var(--warm-card-shadow);padding:20px 14px}
html[data-theme="warm"] .desk-tile:hover{border-color:var(--accent);box-shadow:var(--warm-pop-shadow)}
html[data-theme="warm"] .desk-tile-icon{color:var(--accent)}
html[data-theme="warm"] .desk-tile--branche{background:var(--warm-tint);border-color:var(--warm-tint-border)}
html[data-theme="kontrast"] .desk-tile-icon{color:#000}
html[data-theme="kontrast"] .desk-tile--branche{background:#fff;border-width:3px}
html[data-theme="warm"] .desk-tile-title,html[data-theme="kontrast"] .desk-tile-title{font-size:13.5px}
html[data-theme="warm"] .desk-tile-desc,html[data-theme="kontrast"] .desk-tile-desc{font-size:12px}
html[data-theme="warm"] .desk-list-item,html[data-theme="kontrast"] .desk-list-item{border-bottom-color:var(--warm-line);padding:9px 4px}
html[data-theme="kontrast"] a.desk-list-item{text-decoration:underline}
html[data-theme="kontrast"] a.desk-list-item:hover{color:#000;background:var(--warm-tint)}
html[data-theme="warm"] .desk-voip-row{border-bottom-color:var(--warm-line)}
html[data-theme="warm"] .desk-attention-list,html[data-theme="kontrast"] .desk-attention-list{color:var(--text)!important;font-size:13.5px!important}
/* Einstellbares Dashboard (K289): Karten wie die Homepage-Demo, Diagrammfarben aus den Preset-Variablen */
html[data-theme="warm"] .desk-grid,html[data-theme="warm"] .dk-dialog{--dk-ok:var(--ci4u-success);--dk-warn:var(--ci4u-warning);--dk-err:var(--ci4u-danger);--dk-info:var(--ci4u-info)}
html[data-theme="kontrast"] .desk-grid,html[data-theme="kontrast"] .dk-dialog{--dk-line:#000;--dk-ok:#0B5A36;--dk-warn:#6B4A00;--dk-err:#8E1D16;--dk-info:#0B4A80}
html[data-theme="warm"] .desk-kachel,html[data-theme="kontrast"] .desk-kachel{border-left-width:var(--warm-border-w);border-left-color:var(--border)}
html[data-theme="warm"] .desk-kachel--news{margin-bottom:16px}
html[data-theme="warm"] .desk-kachel:focus-visible{outline-offset:2px}
html[data-theme="kontrast"] .desk-kachel:focus-visible{outline:3px solid #000;outline-offset:2px}
html[data-theme="warm"] .desk-toolbar .desk-chip-btn,html[data-theme="kontrast"] .desk-toolbar .desk-chip-btn,
html[data-theme="warm"] .dk-dialog-head .desk-chip-btn,html[data-theme="kontrast"] .dk-dialog-head .desk-chip-btn{min-height:38px;padding:6px 16px;font-size:13px;font-weight:600}
html[data-theme="warm"] #desk-edit-btn[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
html[data-theme="kontrast"] #desk-edit-btn[aria-pressed="true"]{background:#000;color:#fff;border-color:#000}
html[data-theme="warm"] .dk-hint,html[data-theme="kontrast"] .dk-hint{color:var(--text);font-size:13px}
html[data-theme="warm"] .dk-kpi,html[data-theme="kontrast"] .dk-kpi{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em}
html[data-theme="warm"] .dk-sub,html[data-theme="warm"] .dk-muted,html[data-theme="warm"] .dk-legend,html[data-theme="warm"] .desk-kachel-empty{font-size:12.5px}
html[data-theme="kontrast"] :is(.dk-sub,.dk-muted,.dk-legend,.desk-kachel-empty,.dk-gal-desc,.dk-dialog-head span){color:#000;font-size:12.5px}
html[data-theme="warm"] .dk-area{opacity:.12}
html[data-theme="kontrast"] .dk-area{opacity:.08}
html[data-theme="kontrast"] .dk-bar{opacity:.55}
html[data-theme="warm"] .dk-ampel,html[data-theme="kontrast"] .dk-ampel{height:12px;border-radius:6px;background:var(--warm-line)}
html[data-theme="kontrast"] .dk-ampel{border:1px solid #000}
html[data-theme="warm"] .dk-list li,html[data-theme="warm"] .dk-news-item{border-bottom-color:var(--warm-line)}
html[data-theme="kontrast"] .dk-list li,html[data-theme="kontrast"] .dk-news-item{border-bottom-color:#000}
html[data-theme="warm"] .dk-row a,html[data-theme="warm"] .dk-open{color:var(--accent);font-weight:600}
html[data-theme="kontrast"] .dk-row a,html[data-theme="kontrast"] .dk-open,html[data-theme="kontrast"] .dk-list a{color:#000;text-decoration:underline;font-weight:700}
html[data-theme="warm"] .dk-open:hover,html[data-theme="kontrast"] .dk-open:hover{text-decoration:underline}
html[data-theme="warm"] :is(.dk-size,.dk-remove,.dk-gal-size){border:var(--warm-border-w) solid var(--warm-control);border-radius:8px}
html[data-theme="kontrast"] :is(.dk-size,.dk-remove,.dk-gal-size){border:2px solid #000;border-radius:8px}
html[data-theme="warm"] .dk-size.active{background:var(--accent);color:#fff;border-color:var(--accent)}
html[data-theme="kontrast"] .dk-size.active{background:#000;color:#fff;border-color:#000}
html[data-theme="warm"] :is(.dk-size,.dk-remove):hover{background:var(--warm-tint)}
html[data-theme="kontrast"] :is(.dk-size,.dk-remove):hover{background:#000;color:#fff}
html[data-theme="warm"] .dk-map,html[data-theme="kontrast"] .dk-map{border-radius:var(--ci4u-radius);border:var(--warm-border-w) solid var(--warm-line)}
html[data-theme="kontrast"] .dk-map{border-color:#000}
html[data-theme="kontrast"] .dk-pin{stroke:#000;stroke-width:2}
html[data-theme="warm"] .dk-frage input{border:var(--warm-border-w) solid var(--warm-control);border-radius:var(--ci4u-radius);background:#fff;color:var(--text)}
html[data-theme="kontrast"] .dk-frage input{border:2px solid #000;border-radius:var(--ci4u-radius);background:#fff;color:#000}
html[data-theme="warm"] .dk-dialog,html[data-theme="kontrast"] .dk-dialog{border-radius:var(--ci4u-radius-card);box-shadow:var(--warm-pop-shadow)}
html[data-theme="warm"] .dk-dialog::backdrop{background:var(--warm-scrim)}
html[data-theme="kontrast"] .dk-dialog{border:3px solid #000}
html[data-theme="kontrast"] .dk-dialog::backdrop{background:rgb(0 0 0/.6)}
html[data-theme="warm"] .dk-dialog-head,html[data-theme="warm"] .dk-gal-item{border-bottom-color:var(--warm-line)}
html[data-theme="kontrast"] .dk-dialog-head,html[data-theme="kontrast"] .dk-gal-item{border-bottom-color:#000}
html[data-theme="warm"] .dk-gal-item:hover{background:var(--warm-tint)}
html[data-theme="warm"] .dk-gal-cat{color:var(--text)}
html[data-theme="kontrast"] .dk-gal-cat{color:#000}
html[data-theme="kontrast"] .dk-gal-prev{color:#000;text-decoration:underline}
html[data-theme="warm"] .desk-leer,html[data-theme="kontrast"] .desk-leer{background:var(--surface);border:var(--warm-border-w) solid var(--border);border-radius:var(--ci4u-radius-card);color:var(--text)}
@media(max-width:640px){
  html[data-theme="warm"] .desk-grid,html[data-theme="kontrast"] .desk-grid{grid-template-columns:1fr}
  html[data-theme="warm"] :is(.desk-cat-chip,.desk-toolbar .desk-chip-btn,.dk-dialog-head .desk-chip-btn,.dk-gal-size),html[data-theme="kontrast"] :is(.desk-cat-chip,.desk-toolbar .desk-chip-btn,.dk-dialog-head .desk-chip-btn,.dk-gal-size){min-height:40px}
}

/* ── Meine KI (/my), Suche, Einstellungen: Kacheln ─────────────────────── */
html[data-theme="warm"] .my-tile,html[data-theme="warm"] .mod-tile,html[data-theme="kontrast"] .my-tile,html[data-theme="kontrast"] .mod-tile{
  background:var(--surface);border:var(--warm-border-w) solid var(--border);border-radius:var(--ci4u-radius-card);box-shadow:var(--warm-card-shadow)}
html[data-theme="warm"] .my-tile:hover,html[data-theme="warm"] .mod-tile:hover{border-color:var(--accent);box-shadow:var(--warm-pop-shadow)}

/* ── Login ──────────────────────────────────────────────────────────────── */
html[data-theme="warm"] .login-wrap{background:var(--bg)}
html[data-theme="warm"] .login-brand{background:#fff;background-image:none;border-right:1px solid var(--border);padding:44px}
html[data-theme="warm"] .login-brand::after{content:"";position:absolute;inset:auto -20% -30% auto;width:60%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgb(242 200 121/.45),transparent 70%);pointer-events:none}
html[data-theme="warm"] .login-brand>*{position:relative;z-index:1}
html[data-theme="warm"] .login-brand-name{font-size:16px}
html[data-theme="warm"] .login-brand-headline{font-weight:700;font-size:clamp(26px,2.8vw,36px)}
html[data-theme="warm"] .login-status .dot{background:var(--ci4u-success);box-shadow:0 0 0 3px rgb(11 122 75/.2)}
html[data-theme="warm"] .login-version{border-color:var(--warm-control);border-radius:999px;padding:3px 10px}
html[data-theme="warm"] .login-form-panel{background:var(--bg)}
html[data-theme="warm"] .login-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 30px;max-width:380px;box-shadow:var(--warm-card-shadow)}
html[data-theme="warm"] .login-box h2{font-size:24px;font-weight:700;margin-bottom:20px}
html[data-theme="warm"] .login-box .btn-p{min-height:44px;font-size:15px;margin-top:14px!important}
html[data-theme="warm"] .login-claim,html[data-theme="warm"] .login-claim a{color:var(--muted)}
html[data-theme="warm"] .login-claim a:hover{color:var(--accent)}
html[data-theme="kontrast"] .login-wrap,html[data-theme="kontrast"] .login-form-panel{background:#fff}
html[data-theme="kontrast"] .login-brand{background:#fff;background-image:none;border-right:2px solid #000}
html[data-theme="kontrast"] .login-brand-headline{font-weight:700;color:#000}
html[data-theme="kontrast"] .login-status{color:#000}
html[data-theme="kontrast"] .login-status .dot{background:#000;box-shadow:none;animation:none}
html[data-theme="kontrast"] .login-version{border:2px solid #000;color:#000;border-radius:999px}
html[data-theme="kontrast"] .login-box{border:2px solid #000;border-radius:16px;padding:32px 30px;max-width:380px}
html[data-theme="kontrast"] .login-box h2{font-size:24px;font-weight:700}
html[data-theme="kontrast"] .login-box .btn-p{min-height:44px;font-size:15px}
html[data-theme="kontrast"] .login-claim a{color:#000;text-decoration:underline}
@media(max-width:760px){
  html[data-theme="warm"] .login-brand,html[data-theme="kontrast"] .login-brand{padding:24px 20px;border-right:0;border-bottom:var(--warm-border-w) solid var(--border)}
  html[data-theme="warm"] .login-brand::after{display:none}
  html[data-theme="warm"] .login-box,html[data-theme="kontrast"] .login-box{padding:24px 20px}
}

/* ── Alter Chat (/?klassisch=1, .ks/.mb) - gleiche Tokens wie chat2 ─────── */
html[data-theme="warm"] .ks,html[data-theme="kontrast"] .ks{background:var(--surface);border-right:var(--warm-border-w) solid var(--border)}
html[data-theme="warm"] .ks-head,html[data-theme="warm"] .ctb,html[data-theme="warm"] .inp-area{border-color:var(--warm-line)}
html[data-theme="warm"] .inp-area{background:var(--bg)}
html[data-theme="warm"] .ci{border-radius:10px}
html[data-theme="warm"] .ci.active,html[data-theme="warm"] .ci:hover{background:var(--warm-tint)}
html[data-theme="kontrast"] .ci.active{background:#000}
html[data-theme="kontrast"] .ci.active .ct{color:#fff}
html[data-theme="kontrast"] .ci:hover{background:var(--warm-tint)}
html[data-theme="warm"] .mb.user{background:var(--accent);color:#fff;border-radius:18px 18px 6px 18px}
html[data-theme="warm"] .mb.assistant{background:var(--surface);border:1px solid var(--border);border-radius:6px 18px 18px 18px;box-shadow:var(--warm-card-shadow)}
html[data-theme="kontrast"] .mb.user{background:#000;color:#fff}
html[data-theme="kontrast"] .mb.assistant{background:#fff;border:2px solid #000}
html[data-theme="warm"] .mb pre,html[data-theme="warm"] .mb code,html[data-theme="warm"] .mb pre.ci4u-code{background:var(--bg);color:var(--text);border-color:var(--border)}
html[data-theme="warm"] .mb.user code,html[data-theme="warm"] .mb.user pre{background:rgb(255 255 255/.18);color:#fff}
html[data-theme="kontrast"] .mb pre,html[data-theme="kontrast"] .mb code{background:#fff;color:#000;border:1px solid #000}
html[data-theme="kontrast"] .mb.user code,html[data-theme="kontrast"] .mb.user pre{background:#fff;color:#000}
html[data-theme="warm"] .code-bar{background:var(--surface);border-bottom-color:var(--border)}
html[data-theme="warm"] .code-copy-btn:hover{color:var(--accent);border-color:var(--accent)}
html[data-theme="warm"] .msrc{border-top-color:var(--warm-line)}
html[data-theme="warm"] .msg-sources-list,html[data-theme="warm"] .msg-source-card{background:var(--surface);border-color:var(--border)}
html[data-theme="warm"] .msg-source-item{border-bottom-color:var(--warm-line)}
html[data-theme="warm"] .msg-source-card-score,html[data-theme="warm"] .tldr-toggle{color:var(--accent)}
html[data-theme="warm"] .tldr-bar{background:var(--warm-tint);border-color:var(--warm-tint-border)}
html[data-theme="kontrast"] .tldr-bar{background:#fff;border:2px solid #000}
html[data-theme="warm"] .spk-active{color:var(--ci4u-success)!important;border-color:var(--ci4u-success)!important}
html[data-theme="warm"] .ptt-pulse{background:var(--warm-err-bg)!important}
html[data-theme="warm"] .cmd-key{color:var(--accent)}
html[data-theme="warm"] .ks-sel,html[data-theme="kontrast"] .ks-sel{border-radius:10px;border-color:var(--warm-control);min-height:0}
html[data-theme="warm"] .ci4u-loader{border-color:var(--accent)}
html[data-theme="kontrast"] .ci4u-loader{border-color:#000}
html[data-theme="warm"] .disclaimer,html[data-theme="warm"] .disclaimer a{color:var(--muted)}


/* ── Feste Inline-Textfarben aus dem Dunkel-Design (style="color:#..." in Routen) auf AA-sichere Werte heben.
   Nur Textfarbe (color: am Anfang/nach ;), nicht background-color/border-color. Mobil ohne Diagramm-Balken im Hero. */
html[data-theme="warm"] [style^="color:#2ecc71"],html[data-theme="warm"] [style*=";color:#2ecc71"],html[data-theme="warm"] [style*="; color:#2ecc71"],html[data-theme="warm"] [style*=" color:#2ecc71"],html[data-theme="warm"] [style^="color:#3fb950"],html[data-theme="warm"] [style*=";color:#3fb950"],html[data-theme="warm"] [style*="; color:#3fb950"],html[data-theme="warm"] [style*=" color:#3fb950"],html[data-theme="warm"] [style^="color:#22c55e"],html[data-theme="warm"] [style*=";color:#22c55e"],html[data-theme="warm"] [style*="; color:#22c55e"],html[data-theme="warm"] [style*=" color:#22c55e"],html[data-theme="warm"] [style^="color:#4ade80"],html[data-theme="warm"] [style*=";color:#4ade80"],html[data-theme="warm"] [style*="; color:#4ade80"],html[data-theme="warm"] [style*=" color:#4ade80"],html[data-theme="warm"] [style^="color:#2e7d32"],html[data-theme="warm"] [style*=";color:#2e7d32"],html[data-theme="warm"] [style*="; color:#2e7d32"],html[data-theme="warm"] [style*=" color:#2e7d32"]{color:var(--ci4u-success)!important}
html[data-theme="warm"] [style^="color:#f87171"],html[data-theme="warm"] [style*=";color:#f87171"],html[data-theme="warm"] [style*="; color:#f87171"],html[data-theme="warm"] [style*=" color:#f87171"],html[data-theme="warm"] [style^="color:#e74c3c"],html[data-theme="warm"] [style*=";color:#e74c3c"],html[data-theme="warm"] [style*="; color:#e74c3c"],html[data-theme="warm"] [style*=" color:#e74c3c"],html[data-theme="warm"] [style^="color:#f85149"],html[data-theme="warm"] [style*=";color:#f85149"],html[data-theme="warm"] [style*="; color:#f85149"],html[data-theme="warm"] [style*=" color:#f85149"],html[data-theme="warm"] [style^="color:#e53935"],html[data-theme="warm"] [style*=";color:#e53935"],html[data-theme="warm"] [style*="; color:#e53935"],html[data-theme="warm"] [style*=" color:#e53935"],html[data-theme="warm"] [style^="color:#c0392b"],html[data-theme="warm"] [style*=";color:#c0392b"],html[data-theme="warm"] [style*="; color:#c0392b"],html[data-theme="warm"] [style*=" color:#c0392b"],html[data-theme="warm"] [style^="color:#dc2626"],html[data-theme="warm"] [style*=";color:#dc2626"],html[data-theme="warm"] [style*="; color:#dc2626"],html[data-theme="warm"] [style*=" color:#dc2626"]{color:var(--ci4u-danger)!important}
html[data-theme="warm"] [style^="color:#f39c12"],html[data-theme="warm"] [style*=";color:#f39c12"],html[data-theme="warm"] [style*="; color:#f39c12"],html[data-theme="warm"] [style*=" color:#f39c12"],html[data-theme="warm"] [style^="color:#d29922"],html[data-theme="warm"] [style*=";color:#d29922"],html[data-theme="warm"] [style*="; color:#d29922"],html[data-theme="warm"] [style*=" color:#d29922"],html[data-theme="warm"] [style^="color:#f59e0b"],html[data-theme="warm"] [style*=";color:#f59e0b"],html[data-theme="warm"] [style*="; color:#f59e0b"],html[data-theme="warm"] [style*=" color:#f59e0b"],html[data-theme="warm"] [style^="color:#facc15"],html[data-theme="warm"] [style*=";color:#facc15"],html[data-theme="warm"] [style*="; color:#facc15"],html[data-theme="warm"] [style*=" color:#facc15"],html[data-theme="warm"] [style^="color:#f4a261"],html[data-theme="warm"] [style*=";color:#f4a261"],html[data-theme="warm"] [style*="; color:#f4a261"],html[data-theme="warm"] [style*=" color:#f4a261"],html[data-theme="warm"] [style^="color:#e0a800"],html[data-theme="warm"] [style*=";color:#e0a800"],html[data-theme="warm"] [style*="; color:#e0a800"],html[data-theme="warm"] [style*=" color:#e0a800"]{color:var(--ci4u-warning)!important}
html[data-theme="warm"] [style^="color:#58a6ff"],html[data-theme="warm"] [style*=";color:#58a6ff"],html[data-theme="warm"] [style*="; color:#58a6ff"],html[data-theme="warm"] [style*=" color:#58a6ff"],html[data-theme="warm"] [style^="color:#0ea5e9"],html[data-theme="warm"] [style*=";color:#0ea5e9"],html[data-theme="warm"] [style*="; color:#0ea5e9"],html[data-theme="warm"] [style*=" color:#0ea5e9"],html[data-theme="warm"] [style^="color:#a8d8ea"],html[data-theme="warm"] [style*=";color:#a8d8ea"],html[data-theme="warm"] [style*="; color:#a8d8ea"],html[data-theme="warm"] [style*=" color:#a8d8ea"],html[data-theme="warm"] [style^="color:#60a5fa"],html[data-theme="warm"] [style*=";color:#60a5fa"],html[data-theme="warm"] [style*="; color:#60a5fa"],html[data-theme="warm"] [style*=" color:#60a5fa"],html[data-theme="warm"] [style^="color:#38bdf8"],html[data-theme="warm"] [style*=";color:#38bdf8"],html[data-theme="warm"] [style*="; color:#38bdf8"],html[data-theme="warm"] [style*=" color:#38bdf8"]{color:var(--ci4u-info)!important}
html[data-theme="warm"] [style^="color:#888"],html[data-theme="warm"] [style*=";color:#888"],html[data-theme="warm"] [style*="; color:#888"],html[data-theme="warm"] [style*=" color:#888"],html[data-theme="warm"] [style^="color:#8b949e"],html[data-theme="warm"] [style*=";color:#8b949e"],html[data-theme="warm"] [style*="; color:#8b949e"],html[data-theme="warm"] [style*=" color:#8b949e"]{color:var(--muted)!important}
html[data-theme="kontrast"] [style^="color:#2ecc71"],html[data-theme="kontrast"] [style*=";color:#2ecc71"],html[data-theme="kontrast"] [style*="; color:#2ecc71"],html[data-theme="kontrast"] [style*=" color:#2ecc71"],html[data-theme="kontrast"] [style^="color:#3fb950"],html[data-theme="kontrast"] [style*=";color:#3fb950"],html[data-theme="kontrast"] [style*="; color:#3fb950"],html[data-theme="kontrast"] [style*=" color:#3fb950"],html[data-theme="kontrast"] [style^="color:#22c55e"],html[data-theme="kontrast"] [style*=";color:#22c55e"],html[data-theme="kontrast"] [style*="; color:#22c55e"],html[data-theme="kontrast"] [style*=" color:#22c55e"],html[data-theme="kontrast"] [style^="color:#4ade80"],html[data-theme="kontrast"] [style*=";color:#4ade80"],html[data-theme="kontrast"] [style*="; color:#4ade80"],html[data-theme="kontrast"] [style*=" color:#4ade80"],html[data-theme="kontrast"] [style^="color:#2e7d32"],html[data-theme="kontrast"] [style*=";color:#2e7d32"],html[data-theme="kontrast"] [style*="; color:#2e7d32"],html[data-theme="kontrast"] [style*=" color:#2e7d32"],html[data-theme="kontrast"] [style^="color:#f87171"],html[data-theme="kontrast"] [style*=";color:#f87171"],html[data-theme="kontrast"] [style*="; color:#f87171"],html[data-theme="kontrast"] [style*=" color:#f87171"],html[data-theme="kontrast"] [style^="color:#e74c3c"],html[data-theme="kontrast"] [style*=";color:#e74c3c"],html[data-theme="kontrast"] [style*="; color:#e74c3c"],html[data-theme="kontrast"] [style*=" color:#e74c3c"],html[data-theme="kontrast"] [style^="color:#f85149"],html[data-theme="kontrast"] [style*=";color:#f85149"],html[data-theme="kontrast"] [style*="; color:#f85149"],html[data-theme="kontrast"] [style*=" color:#f85149"],html[data-theme="kontrast"] [style^="color:#e53935"],html[data-theme="kontrast"] [style*=";color:#e53935"],html[data-theme="kontrast"] [style*="; color:#e53935"],html[data-theme="kontrast"] [style*=" color:#e53935"],html[data-theme="kontrast"] [style^="color:#c0392b"],html[data-theme="kontrast"] [style*=";color:#c0392b"],html[data-theme="kontrast"] [style*="; color:#c0392b"],html[data-theme="kontrast"] [style*=" color:#c0392b"],html[data-theme="kontrast"] [style^="color:#dc2626"],html[data-theme="kontrast"] [style*=";color:#dc2626"],html[data-theme="kontrast"] [style*="; color:#dc2626"],html[data-theme="kontrast"] [style*=" color:#dc2626"],html[data-theme="kontrast"] [style^="color:#f39c12"],html[data-theme="kontrast"] [style*=";color:#f39c12"],html[data-theme="kontrast"] [style*="; color:#f39c12"],html[data-theme="kontrast"] [style*=" color:#f39c12"],html[data-theme="kontrast"] [style^="color:#d29922"],html[data-theme="kontrast"] [style*=";color:#d29922"],html[data-theme="kontrast"] [style*="; color:#d29922"],html[data-theme="kontrast"] [style*=" color:#d29922"],html[data-theme="kontrast"] [style^="color:#f59e0b"],html[data-theme="kontrast"] [style*=";color:#f59e0b"],html[data-theme="kontrast"] [style*="; color:#f59e0b"],html[data-theme="kontrast"] [style*=" color:#f59e0b"],html[data-theme="kontrast"] [style^="color:#facc15"],html[data-theme="kontrast"] [style*=";color:#facc15"],html[data-theme="kontrast"] [style*="; color:#facc15"],html[data-theme="kontrast"] [style*=" color:#facc15"],html[data-theme="kontrast"] [style^="color:#f4a261"],html[data-theme="kontrast"] [style*=";color:#f4a261"],html[data-theme="kontrast"] [style*="; color:#f4a261"],html[data-theme="kontrast"] [style*=" color:#f4a261"],html[data-theme="kontrast"] [style^="color:#e0a800"],html[data-theme="kontrast"] [style*=";color:#e0a800"],html[data-theme="kontrast"] [style*="; color:#e0a800"],html[data-theme="kontrast"] [style*=" color:#e0a800"],html[data-theme="kontrast"] [style^="color:#58a6ff"],html[data-theme="kontrast"] [style*=";color:#58a6ff"],html[data-theme="kontrast"] [style*="; color:#58a6ff"],html[data-theme="kontrast"] [style*=" color:#58a6ff"],html[data-theme="kontrast"] [style^="color:#0ea5e9"],html[data-theme="kontrast"] [style*=";color:#0ea5e9"],html[data-theme="kontrast"] [style*="; color:#0ea5e9"],html[data-theme="kontrast"] [style*=" color:#0ea5e9"],html[data-theme="kontrast"] [style^="color:#a8d8ea"],html[data-theme="kontrast"] [style*=";color:#a8d8ea"],html[data-theme="kontrast"] [style*="; color:#a8d8ea"],html[data-theme="kontrast"] [style*=" color:#a8d8ea"],html[data-theme="kontrast"] [style^="color:#60a5fa"],html[data-theme="kontrast"] [style*=";color:#60a5fa"],html[data-theme="kontrast"] [style*="; color:#60a5fa"],html[data-theme="kontrast"] [style*=" color:#60a5fa"],html[data-theme="kontrast"] [style^="color:#38bdf8"],html[data-theme="kontrast"] [style*=";color:#38bdf8"],html[data-theme="kontrast"] [style*="; color:#38bdf8"],html[data-theme="kontrast"] [style*=" color:#38bdf8"],html[data-theme="kontrast"] [style^="color:#888"],html[data-theme="kontrast"] [style*=";color:#888"],html[data-theme="kontrast"] [style*="; color:#888"],html[data-theme="kontrast"] [style*=" color:#888"],html[data-theme="kontrast"] [style^="color:#8b949e"],html[data-theme="kontrast"] [style*=";color:#8b949e"],html[data-theme="kontrast"] [style*="; color:#8b949e"],html[data-theme="kontrast"] [style*=" color:#8b949e"]{color:#000!important}
@media(max-width:768px){html[data-theme="warm"] .hero-eq{display:none}}

/* ── Reduzierte Bewegung ────────────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  html[data-theme="warm"] *,html[data-theme="kontrast"] *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}