/* Startseite mit Design A: Karte „Zeitleiste je Mitarbeiter" (Michael 29.10.2026, app/lib/designa_dash.php daStaffCard).
   Je Person eine Zeile: Tätigkeiten in ruhigen Tönen (Farbe je Tätigkeit), Reinigungen je Wohnung nach Stand (fertig grün, läuft blau,
   unterbrochen blau gedämpft), geplant grau gestrichelt, Pause schraffiert. Umschalter Zeitleiste / Liste (data-view am Kasten).
   Raster, Stundenleiste, Anreise- und Jetzt-Strich kommen aus designa.css (.da-row, .da-track, .da-hours, .da-mk.in, .da-now). */
:root[data-da].d2 .da-st{--k-clean:var(--s-run-soft);--k-clean-ink:var(--s-run);--k-laundry:#E9E3F6;--k-laundry-ink:#4C3D82;--k-prep:#F4EAD6;--k-prep-ink:#6E4F17;
 --k-maint:#DDEEF0;--k-maint-ink:#1F5960;--k-store:#EEE5DD;--k-store-ink:#5E4535;--k-other:var(--surface-3);--k-other-ink:var(--muted);padding:16px 18px 12px}
:root.dk[data-da].d2 .da-st{--k-laundry:#2B2544;--k-laundry-ink:#CBBFF2;--k-prep:#352B19;--k-prep-ink:#E8D2A4;--k-maint:#16353B;--k-maint-ink:#A3D6DD;--k-store:#32281F;--k-store-ink:#DCC5B2}

/* Kopf: Titel, Umschalter, Bestätigung „Gespeichert ✓ (geprüft)" */
:root[data-da].d2 .da-st-h{align-items:center;justify-content:flex-start}
:root[data-da].d2 .da-st-h h2{margin-right:auto}
:root[data-da].d2 .da-st-sw{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2)}
:root[data-da].d2 .da-st-sw button{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:650;cursor:pointer}
:root[data-da].d2 .da-st-sw button[aria-pressed=true]{background:var(--navy-bg);color:var(--on-navy)}
:root.dk[data-da].d2 .da-st-sw button[aria-pressed=true]{background:var(--primary);color:#fff}
:root[data-da].d2 .da-st-sw button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
:root[data-da].d2 .da-st-ok:empty{display:none}
:root[data-da].d2 .da-st-ok{flex-basis:100%;text-align:right;color:var(--s-done)}

/* Ansicht umschalten */
:root[data-da].d2 .da-st[data-view=tl] .da-st-ls,:root[data-da].d2 .da-st[data-view=list] .da-st-tl{display:none}

/* Zeitleiste: eigener Scroll-Rahmen (Handy), Namen bleiben links stehen */
:root[data-da].d2 .da-st-scroll{overflow-x:auto;overscroll-behavior-x:contain}
:root[data-da].d2 .da-st-in{min-width:640px}
:root[data-da].d2 .da-st-row{min-height:48px}
:root[data-da].d2 .da-st-row .w{position:sticky;left:0;z-index:3;background:var(--surface);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
:root[data-da].d2 .da-st-track{height:48px}
:root[data-da].d2 .da-st-seg{position:absolute;top:10px;height:28px;min-width:3px;box-sizing:border-box;border-radius:6px;display:flex;align-items:center;padding:0 6px;
 font-size:var(--fs-6);font-weight:650;white-space:nowrap;overflow:hidden;text-decoration:none;background:var(--k-other);color:var(--k-other-ink)}
:root[data-da].d2 .da-st-seg.k-clean{background:var(--k-clean);color:var(--k-clean-ink)}
:root[data-da].d2 .da-st-seg.k-laundry{background:var(--k-laundry);color:var(--k-laundry-ink)}
:root[data-da].d2 .da-st-seg.k-prep{background:var(--k-prep);color:var(--k-prep-ink)}
:root[data-da].d2 .da-st-seg.k-maint{background:var(--k-maint);color:var(--k-maint-ink)}
:root[data-da].d2 .da-st-seg.k-store{background:var(--k-store);color:var(--k-store-ink)}
:root[data-da].d2 .da-st-seg.k-apt{top:6px;height:36px;font-weight:750;z-index:1}
:root[data-da].d2 .da-st-seg.k-apt.st-done{background:var(--s-done);color:var(--on-solid)}
:root[data-da].d2 .da-st-seg.k-apt.st-run{background:var(--s-run);color:var(--on-solid)}
:root[data-da].d2 .da-st-seg.k-apt.st-paused{background:var(--s-run-soft);color:var(--s-run);box-shadow:inset 0 0 0 2px var(--s-run)}
:root[data-da].d2 .da-st-seg.k-plan{top:7px;height:34px;background:transparent;color:var(--muted);border:2px dashed var(--s-todo)}
:root[data-da].d2 .da-st-seg.k-break{top:15px;height:18px;padding:0;background:repeating-linear-gradient(135deg,var(--line-2) 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px var(--line-2)}
:root[data-da].d2 a.da-st-seg:hover{filter:brightness(.96)}
:root[data-da].d2 .da-st-mk.io{position:absolute;top:3px;bottom:3px;width:2px;margin-left:-1px;background:var(--ink);opacity:.55;z-index:2}
:root[data-da].d2 .da-st-arr{z-index:2}
:root[data-da].d2 .da-st-track .da-now{z-index:4}

/* Legende */
:root[data-da].d2 .da-st-leg i.da-st-seg{position:static;display:inline-block;width:16px;height:10px;padding:0;border-radius:3px}
:root[data-da].d2 .da-st-leg i.k-plan{border-width:1.5px}
:root[data-da].d2 .da-st-leg i.io{width:2px;height:14px;background:var(--ink);opacity:.55;border-radius:0}

/* Liste: je Person ein Kasten, Zeilen in Zeitreihenfolge */
:root[data-da].d2 .da-st-ls{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
:root[data-da].d2 .da-st-p{background:var(--surface-2);border-radius:var(--r-tile);padding:12px 14px}
:root[data-da].d2 .da-st-p h3{margin:0;font-size:var(--fs-5);font-weight:750}
:root[data-da].d2 .da-st-sum{margin:2px 0 8px;font-size:var(--fs-6);color:var(--muted)}
:root[data-da].d2 .da-st-p ol{list-style:none;margin:0;padding:0}
:root[data-da].d2 .da-st-p li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:4px 0;border-top:1px solid var(--line);font-size:14px}
:root[data-da].d2 .da-st-p li:first-child{border-top:0}
:root[data-da].d2 .da-st-p .tm{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
:root[data-da].d2 .da-st-p li:is(.k-in,.k-out) .tx{font-weight:700}
:root[data-da].d2 .da-st-p li:is(.k-break,.k-plan) .tx{color:var(--muted)}

@media(max-width:699.98px){
 :root[data-da].d2 .da-st{padding:12px 12px 10px}
 :root[data-da].d2 .da-st-h h2{flex-basis:100%}
 :root[data-da].d2 .da-st-sw button{min-height:40px}
 :root[data-da].d2 .da-st-in .da-tlh,:root[data-da].d2 .da-st-in .da-row{grid-template-columns:96px minmax(0,1fr)}
 :root[data-da].d2 .da-st-ls{grid-template-columns:1fr}
}