/* ============================================================
   DASHBOARD — Ergänzung zum Design-System (db-*).
   Regeln: 12-Spalten-Raster, Abstand 12 px; Widget-Breiten ¼ · ⅓ · ½ · ⅔ · 1/1 (3/4/6/8/12 Spalten).
   Widget = ax-card: Kopf mit Titel, Untertitel (Einheit · Zeitraum) und Aktualisierungs-Tag
   (Live / Täglich 06:00 / Fester Stand); Inhalt nutzt dieselben Bausteine wie die Chat-Antworten
   (ax-chart, ax-legend, ax-table, Kennzahl). Kennzahl-Widgets stehen oben in einer Reihe.
   Bearbeiten ist ein eigener Modus (Griff zum Ziehen, Breite, Entfernen); im Ansichtsmodus ist nichts verschiebbar.
   ============================================================ */
.db-screen.active{display:flex;height:100%}
.db-main{flex:1;min-width:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.db-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.db-head__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.db-head__t .ax-input{width:360px}
.db-editbar{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-radius:var(--radius-3);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-200);font:var(--type-small);color:var(--blue-700)}
.db-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:start}
.db-w{min-height:0}
.db-w .ax-card__head{min-height:40px;gap:8px}
.db-w__sub{font:var(--type-small);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db-w__handle{display:none;cursor:grab;color:var(--gray-700)}
.db-w__tools{display:none;align-items:center;gap:4px;padding:4px 6px 4px 12px;background:var(--blue-50);border-bottom:1px solid var(--blue-200)}
.db-w__tools::before{content:"Breite";font:var(--type-small);color:var(--blue-700);margin-right:4px}
.db-w__tools .ax-btn{margin-left:auto}
.db-grid.is-edit .db-w__handle,.db-grid.is-edit .db-w__tools{display:flex}
.db-grid.is-edit .db-w{box-shadow:0 0 0 1px var(--blue-200),var(--elev-1)}
.db-grid.is-edit .db-w.is-dragging{opacity:.4}
.db-grid.is-edit .db-w.is-target{box-shadow:0 0 0 2px var(--blue-500),var(--elev-2)}
.db-w .ax-card__body{padding:12px}
.db-w .ax-card__body--flush{padding:0}
.db-kpi .metric-val{font:var(--fw-semibold) 26px/1.1 var(--font-sans);margin-top:4px}
.db-w .ax-legend{padding:0 0 4px}
.db-w .ax-chart{padding:0}
.db-w .ax-result__table{margin-top:0;border-top:0}
.db-w .both-sep{border-top:1px solid var(--border-1);margin:10px -12px 0}
.db-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;border-radius:var(--radius-3);background:#fff;box-shadow:var(--elev-0);color:var(--text-3);text-align:center}
.db-empty b{font:var(--type-heading);color:var(--text-1)}
.db-seg-name{font:var(--type-small);color:var(--text-3);margin-bottom:8px}
@media (max-width:900px){.db-w{grid-column:1/-1!important}}

/* Mandanten-Umschalter: ein Element statt Name + Tag + Auswahl. Produktiv ist der Normalfall und wird nicht markiert;
   nur ein Testmandant bekommt ein Warn-Tag „Testmandant“ neben dem Namen. */
.tenant{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid var(--border-1);margin-left:4px;cursor:pointer}
.tenant__l{font:var(--type-small);color:var(--text-3)}
.tenant__sel{width:auto}
.tenant__sel select{font:var(--type-card-title);padding-left:4px}