/* AI OFFICE Cockpit design (Variante B, gewählt 01.11.2026).
   Overrides the V1.4 colour tokens centrally; loaded last. Layout additions: KPI strip + tiles. */
:root{
  --bg:#F3F5F8;--surface:#FFFFFF;--sidebar:#E7ECF2;--text:#1C2733;--muted:#526070;--placeholder:#5B6879;
  --soft:#E6EDF5;--hover:#DAE4EF;--border:#D3DCE6;--control-border:#76859A;--accent:#1F5F8B;--link:#1A5582;
  --button:#1F5F8B;--button-hover:#194E73;--button-ink:#FFFFFF;--brand:#1F5F8B;--brand-ink:#FFFFFF;
  --warning-bg:#FFF3DC;--warning-text:#71500F;--danger-bg:#FBE6E3;--danger-text:#952F21;--focus:#1F5F8B;--focus-halo:#1F5F8B26;
  --ok-bg:#E1F3E8;--ok-text:#1D6740;
}
[data-theme=dark]{
  --bg:#141B22;--surface:#1C2530;--sidebar:#121820;--text:#E4EBF2;--muted:#A6B4C3;--placeholder:#98A6B6;
  --soft:#233142;--hover:#2B3B4E;--border:#314052;--control-border:#6E8197;--accent:#7DB8E3;--link:#8CC2EA;
  --button:#7DB8E3;--button-hover:#9BCBEE;--button-ink:#0F1A22;--brand:#7DB8E3;--brand-ink:#0F1A22;
  --warning-bg:#3A3020;--warning-text:#F0CB82;--danger-bg:#3E2522;--danger-text:#F2A99D;--focus:#7DB8E3;--focus-halo:#7DB8E333;
  --ok-bg:#1E3A2B;--ok-text:#93D6AE;
}
.cockpit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:4px 0 22px}
.cockpit-kpi{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--text);text-decoration:none;min-height:96px}
.cockpit-kpi:hover{border-color:var(--control-border)}
.cockpit-kpi span{font-size:13px;color:var(--muted)}
.cockpit-kpi b{font-size:30px;line-height:1.15;font-weight:650}
.cockpit-kpi small{font-size:13px;color:var(--muted)}
.cockpit-kpi.accent{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}
.cockpit-kpi.accent span,.cockpit-kpi.accent small{color:inherit;opacity:.88}
.cockpit-kpi.pending b{color:var(--muted);font-weight:500}
.cockpit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cockpit-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.cockpit-tile.wide{grid-column:1/-1}
.cockpit-tile h2{font-size:15px;margin:0 0 10px}
.cockpit-tile p{margin:6px 0}
.cockpit-tag{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;background:var(--soft);color:var(--link)}
.cockpit-tag.ok{background:var(--ok-bg);color:var(--ok-text)}
.cockpit-tag.warn{background:var(--warning-bg);color:var(--warning-text)}
@media (max-width:900px){.cockpit-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-grid{grid-template-columns:1fr}}