/* 04-home.css · Teil 4 von 19 · Home-Dashboard, Balken des Kalender-Kerns. Reihenfolge der Dateien = Kaskade (index.html), nicht umsortieren. */
/* Home-Dashboard nach Vorlage projektil-dashboard.html: links die
   Arbeitsspalte auf der Grundfarbe, rechts ein weisses Panel bis an den Rand
   (wie das Seitenpanel der Detailseiten). Eigene Klassen hd-*.
   Drei Bereiche (Teamwunsch): die Kennzahlen (.hd-kopf) stehen fest, darunter
   scrollt die Arbeitsspalte (.hd-scroll), das Panel (.hd-rail) scrollt fuer
   sich. Dafuer fuellt .hd genau die Hoehe von #viewContainer
   (flex:1 1 0 + min-height:0) — mit flex:1 0 auto wuchs es mit dem Inhalt,
   und die ganze Seite scrollte als Einheit. */
.hd { flex:1 1 0; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 360px; grid-template-rows:minmax(0,1fr); }
.hd-main { display:flex; flex-direction:column; min-width:0; min-height:0; }
.hd-kopf { flex:none; padding:20px var(--fx) 12px; }
.hd-scroll { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
  padding:12px var(--fx) 56px; display:flex; flex-direction:column; gap:32px; }
.hd-main > .empty-state { padding:24px var(--fx); }
.hd-rail { background:#fff; border-left:1px solid var(--border); padding:24px 28px 56px; min-width:0; min-height:0;
  overflow-y:auto; overscroll-behavior:contain; }
.hd-rail > section + section { margin-top:28px; padding-top:24px; border-top:1px solid var(--border); }
.hd section { scroll-margin-top:16px; min-width:0; }
/* Knoepfe ohne Browser-Optik; :where() haelt die Spezifitaet bei 0,1,0,
   damit die Regeln darunter gewinnen */
.hd :where(.hd-stat, .hd-tl-row, .hd-task, .hd-prow, .hd-no, .hd-fi-k, .hd-ci, .hd-ev, .hd-ms, .hd-lnk, .hd-chip, .hd-tabs button, .hd-ib, .hd-erw-x, .hd-pop button) {
  font:inherit; color:inherit; background:none; border:0; padding:0; margin:0; text-align:left; cursor:pointer; }
.btn.sec.hd-kbtn { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; padding:8px 14px; border-radius:10px; }
.hd-kbtn .psub-i { width:15px; height:15px; }

/* Kennzahl-Leiste: eine Karte, Zellen durch Linien getrennt */
.hd-stats { display:flex; flex-wrap:wrap; background:#fff; border:1px solid var(--border); border-radius:14px; overflow:hidden; }
.hd-stat { flex:1 1 140px; display:flex; flex-direction:column; gap:2px; padding:14px 18px; border-right:1px solid var(--border); }
.hd-stat:last-child { border-right:0; }
.hd-stat:hover { background:#FAF9F6; }
.hd-stat .n { font-size:22px; font-weight:700; font-variant-numeric:tabular-nums; display:flex; align-items:center; gap:8px; color:#1C1B22; }
.hd-stat .l { font-size:13px; color:var(--muted); }
.hd-dot { width:7px; height:7px; border-radius:50%; background:var(--pink); display:inline-block; flex:none; }

/* Abschnittskopf, Karte, Fuss */
.hd-sh { display:flex; align-items:center; justify-content:space-between; gap:8px 12px; flex-wrap:wrap; margin:0 0 12px; min-height:30px; }
.hd-sh h2, .hd-cal-bar h2 { margin:0; font-size:16px; font-weight:600; color:#1C1B22; }
.hd-sh h2 small { color:#9B98A8; font-weight:500; margin-left:6px; font-size:14px; }
.hd-sh h2 small.neu { color:var(--pink); font-weight:600; font-size:13px; }
.hd-lnk { color:var(--pink); font-weight:500; font-size:14px; }
.hd-lnk:hover { text-decoration:underline; }
.hd-card { background:#fff; border:1px solid var(--border); border-radius:14px; }
.hd-leer { padding:16px 18px; font-size:13px; color:var(--muted); line-height:1.5; }
.hd-rail .hd-leer { padding:2px 0; }
.hd-mehr { padding:8px 18px 12px; font-size:12.5px; color:var(--muted); }
.hd-meta { font-size:13px; color:var(--muted); }
.hd-foot { display:flex; justify-content:space-between; align-items:center; gap:6px 12px; flex-wrap:wrap; padding:10px 18px;
  border-top:1px solid var(--border); font-size:13px; color:var(--muted); }
.hd-foot a { color:var(--pink); font-weight:500; text-decoration:none; }
.hd-foot .hd-lnk { font-size:13px; }
.hd-two { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:28px; align-items:start; }

/* Diese Woche: Zeitleiste */
.hd-tl { padding:6px 0; }
.hd-tl-row { width:100%; display:grid; grid-template-columns:52px 20px minmax(0,1fr) auto; gap:0 10px; padding:12px 20px 12px 8px; }
.hd-tl-row + .hd-tl-row { border-top:1px solid var(--border); }
.hd-tl-row:hover { background-color:#FAF9F6; }
.hd-tl-row.now { background-color:#FAF8F5; }
.hd-tl-date { text-align:center; line-height:1.1; }
.hd-tl-date b { display:block; font-size:19px; font-weight:600; }
.hd-tl-date span { font-size:12px; color:var(--muted); }
.hd-tl-pin { position:relative; display:flex; justify-content:center; }
.hd-tl-pin::before { content:""; position:absolute; top:0; bottom:-24px; width:1px; background:#D8D2C9; }
.hd-tl-row:last-of-type .hd-tl-pin::before { bottom:auto; height:14px; }
.hd-tl-pin i { position:relative; margin-top:6px; width:10px; height:10px; border-radius:50%; border:2px solid var(--cyan); background:#fff; }
.hd-tl-row.now .hd-tl-pin i { border-color:var(--pink); background:var(--pink); }
.hd-tl-body { min-width:0; display:flex; flex-direction:column; }
.hd-tl-body b { font-weight:600; }
.hd-tl-sub { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:5px; }
.hd-nz { font-size:12px; color:#7A4F05; margin-top:4px; }
.hd-tl-side { text-align:right; font-size:13px; color:var(--muted); white-space:nowrap; }
.hd-pill { display:inline-flex; align-items:center; font-size:12px; font-weight:600; padding:2px 8px; border-radius:999px; white-space:nowrap; }
.hd-pill.live { background:#FDE9EC; color:var(--pink); }
.hd-pill.plan { background:#EBEAFB; color:#4640C4; }
.hd-pill.go { background:#E1F2E9; color:#1D7F55; }
.hd-pill.warn { background:#FBF0DA; color:#A86D12; }
.hd-pill.neutral { background:#FAF8F5; color:var(--muted); border:1px solid var(--border); }
.hd-kind { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:2px 8px 2px 6px; border-radius:6px; white-space:nowrap; }
.hd-kind::before { content:""; width:3px; height:12px; border-radius:2px; background:currentColor; }

/* Reiter (Aufgaben, Änderungen, Kalender) */
.hd-tabs { display:inline-flex; background:#FAF8F5; border:1px solid var(--border); border-radius:9px; padding:3px; gap:2px; }
.hd-tabs button { padding:4px 10px; border-radius:6px; font-size:13px; font-weight:500; color:var(--muted); white-space:nowrap; }
.hd-tabs button[aria-selected="true"] { background:#fff; color:#1C1B22; box-shadow:0 0 0 1px var(--border); }

/* Meine Aufgaben — kompakt (21.10.2026): eine Zeile je Aufgabe — Name, Projekt grau dahinter (nur wenn Platz ist), Termin rechts */
.hd-task { display:grid; grid-template-columns:14px minmax(0,1fr) auto; gap:10px; padding:6px 14px; align-items:center; width:100%; color:inherit; text-decoration:none; }
.hd-task + .hd-task { border-top:1px solid var(--border); }
.hd-task:hover { background:#FAF9F6; }
.hd-chk { width:14px; height:14px; border:1.6px solid #D8D2C9; border-radius:4px; }
.hd-task-m { display:flex; align-items:baseline; gap:8px; min-width:0; }
.hd-task b { flex:0 1 auto; min-width:0; font-weight:600; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-task .hd-meta { flex:1 1 0; min-width:0; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-due { text-align:right; font-size:12px; color:var(--muted); white-space:nowrap; }
.hd-due strong { display:inline; margin-right:5px; color:#1C1B22; font-weight:600; }
.hd-due.rot, .hd-due.rot strong { color:#B3261E; }
#hdAufg .hd-mehr { padding:6px 14px 8px; font-size:12px; }
#hdAufg .hd-foot { padding:6px 14px; font-size:11.5px; }

/* Mein Kalender: je Woche ein Raster, Spalte 1 = Zeilen, dann Mo–So */
.hd-cal-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-bottom:12px; }
.hd-cal-tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.hd-cal-nav { display:flex; align-items:center; gap:6px; }
.hd-ib { width:32px; height:32px; display:grid; place-items:center; border:1px solid #D8D2C9; border-radius:8px; background:#fff; }
.hd-ib .psub-i { width:16px; height:16px; }
.hd-cal-t { font-weight:600; min-width:170px; text-align:center; }
.hd-cal-nav .btn.sec { font-size:13px; padding:6px 12px; }
.hd-leg { display:flex; flex-wrap:wrap; gap:6px; margin-left:auto; }
.hd-leg .hd-kind { font-weight:500; }
.hd-wk { display:grid; grid-template-columns:104px repeat(7,minmax(0,1fr)); row-gap:4px; padding-bottom:10px; position:relative; }
.hd-wk + .hd-wk { border-top:1px solid var(--border); }
.hd-wbg { grid-row:1 / -1; border-left:1px solid var(--border); }
.hd-wbg.we { background:#F8F6F2; }
.hd-wbg.td { background:#FFF5F6; }
.hd-dh { grid-row:1; padding:12px 10px 8px; display:flex; align-items:baseline; gap:6px; position:relative; z-index:1; }
.hd-dh span { font-size:12px; color:#9B98A8; font-weight:600; }
.hd-dh b { font-size:15px; font-weight:600; }
.hd-dh.past b, .hd-dh.aus b { color:#9B98A8; }
.hd-dh.aus span { color:#C9C5BD; }
.hd-dh.td b { background:var(--pink); color:#fff; border-radius:999px; padding:0 7px; font-size:13px; }
.hd-kw { grid-row:1; grid-column:1; padding:12px 16px 8px; font-size:13px; font-weight:600; color:var(--muted); position:relative; z-index:1; }
.hd-lane { grid-column:1; padding:6px 16px; font-size:12px; color:#9B98A8; font-weight:600; position:relative; z-index:1; align-self:start; }
.hd-ev { position:relative; z-index:1; margin:0 4px; height:28px; display:flex; align-items:center; gap:6px; padding:0 10px; border-radius:7px;
  font-size:13px; white-space:nowrap; overflow:hidden; border-left:3px solid currentColor; min-width:0; }
.hd-ev b { font-weight:600; flex:none; }
.hd-ev em { font-style:normal; color:#1C1B22; opacity:.85; overflow:hidden; text-overflow:ellipsis; }
.hd-ev.cont { border-top-right-radius:0; border-bottom-right-radius:0; margin-right:0; }
.hd-ev.from { border-top-left-radius:0; border-bottom-left-radius:0; margin-left:0; border-left:0; }
.hd-ev.pikett { height:22px; margin-top:3px; font-size:12px; font-weight:600; border-left-width:0; border-radius:999px; background:#FDE9EC; color:var(--pink); }
.hd-ev.aufgabe { background:#E1F2E9; color:#1D7F55; border-left-width:0; }
.hd-ev .psub-i { width:13px; height:13px; flex:none; }
.hd-ms { position:relative; z-index:1; margin:0 4px; display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--pink);
  height:28px; white-space:nowrap; overflow:hidden; min-width:0; }
.hd-ms::before { content:""; flex:none; width:8px; height:8px; background:currentColor; transform:rotate(45deg); border-radius:1px; }
.hd-ms span { overflow:hidden; text-overflow:ellipsis; }
details.hd-tr { position:relative; z-index:2; margin:0 4px; min-width:0; }
details.hd-tr[open] { z-index:6; }
details.hd-tr summary { list-style:none; height:28px; display:flex; align-items:center; gap:6px; padding:0 8px; border:1px dashed #D8D2C9; border-radius:7px;
  background:#fff; font-size:13px; color:var(--muted); cursor:pointer; white-space:nowrap; overflow:hidden; }
details.hd-tr summary::-webkit-details-marker { display:none; }
details.hd-tr[open] summary { border-style:solid; color:#1C1B22; }
details.hd-tr summary .psub-i { width:15px; height:15px; flex:none; }
.hd-pop { position:absolute; top:32px; left:0; width:260px; background:#fff; border:1px solid var(--border); border-radius:10px;
  box-shadow:0 10px 30px rgba(20,15,40,.12); padding:6px; }
details.hd-tr.re .hd-pop { left:auto; right:0; }
.hd-pop button { display:grid; grid-template-columns:44px 52px minmax(0,1fr); gap:6px; align-items:center; width:100%; padding:6px 8px; font-size:13px; border-radius:6px; }
.hd-pop button + button { border-top:1px solid var(--border); border-radius:0; }
.hd-pop button:hover { background:#FAF9F6; }
.hd-pop button span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-pop button.storno span:last-child { text-decoration:line-through; color:var(--muted); }
.hd-tag { font-size:11px; font-weight:700; padding:1px 5px; border-radius:4px; text-align:center; border:1px solid #D8D2C9; color:var(--muted); }
.hd-tag.in { background:var(--cyan); border-color:var(--cyan); color:#fff; }
#hkMetrik { justify-content:flex-start; }

/* Meine Projekte: Liste statt Kachelwand */
.hd-chips { display:flex; flex-wrap:wrap; gap:6px; }
.hd-chip { border:1px solid var(--border); background:#fff; border-radius:999px; padding:4px 12px; font-size:13px; font-weight:500; color:var(--muted); }
.hd-chip[aria-pressed="true"] { background:#1C1B22; color:#fff; border-color:#1C1B22; }
.hd-plist { overflow-x:auto; }
.hd-prow { display:grid; grid-template-columns:56px minmax(180px,1.3fr) 130px 180px minmax(150px,1fr) 128px; gap:14px; align-items:center;
  padding:12px 18px; min-width:880px; width:100%; }
.hd-prow + .hd-prow { border-top:1px solid var(--border); }
button.hd-prow:hover { background:#FAF9F6; }
.hd-prow-k { font-size:12px; color:#9B98A8; font-weight:600; padding-top:10px; padding-bottom:10px; background:#FAF8F5; border-radius:14px 14px 0 0; }
.hd-prow-k .r { text-align:right; }
.hd-code { font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:600; color:var(--pink); background:#FDE9EC; border-radius:5px; padding:2px 6px; justify-self:start; }
.hd-pname { min-width:0; }
.hd-pname b { display:block; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-pname > span { font-size:13px; color:var(--muted); }
.hd-neu { font-style:normal; color:var(--pink); font-weight:600; font-size:12px; margin-left:4px; }
.hd-steps { display:flex; gap:3px; align-items:center; min-width:0; }
.hd-steps i { width:14px; height:5px; border-radius:3px; background:var(--border); flex:none; }
.hd-steps i.on { background:var(--cyan); }
.hd-steps i.cur { background:var(--pink); }
.hd-steps small { margin-left:6px; font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hd-mine { display:flex; flex-wrap:wrap; gap:4px; }
.hd-mine span { font-size:12px; background:#EBEAFB; color:#4640C4; border-radius:5px; padding:1px 7px; font-weight:500; }
.hd-mine span.leer { background:none; color:#9B98A8; }
.hd-op { text-align:right; font-variant-numeric:tabular-nums; }
.hd-op b { display:block; font-weight:600; }
.hd-op span { font-size:12px; color:var(--muted); }
.hd-op span.bald { color:var(--pink); font-weight:600; }

/* Rechtes Panel: Nächste Openings, Änderungen, Projekt-Chat */
.hd-nos { display:flex; flex-direction:column; gap:10px; }
.hd-no { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; align-items:center; width:100%; }
.hd-no .d { border:1px solid var(--border); background:#fff; border-radius:10px; text-align:center; padding:4px 0; line-height:1.1; }
.hd-no .d b { display:block; font-size:17px; }
.hd-no .d span { font-size:11px; color:var(--muted); }
.hd-no strong { display:block; font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-no strong + span { font-size:13px; color:var(--muted); }
.hd-no:hover strong { color:var(--pink); }
.hd-feed { display:flex; flex-direction:column; }
.hd-fi + .hd-fi, .hd-ci + .hd-ci { border-top:1px solid var(--border); }
.hd-fi-k, .hd-ci { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; padding:10px 0; width:100%; align-items:start; }
.hd-av { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:700; background:#E1F2E9; color:#1D7F55; }
.hd-av.p { background:#EBEAFB; color:#4640C4; border-radius:8px; }
.hd-fi-m { min-width:0; display:flex; flex-direction:column; }
.hd-fi-m b { font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-fi-m > span { font-size:13px; color:var(--muted); margin-top:1px; }
.hd-ci .hd-fi-m > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-ci.neu .hd-fi-m > span { color:#1C1B22; font-weight:500; }
/* Markierungen (@Name) im Dashboard deutlich: Nachricht, die dich erwähnt, ist rosa hinterlegt, mit kräftigem Seitenstrich,
   @-Abzeichen am Avatar und Chip „erwähnt dich"; „@Name" selbst ist ein voller Farbbalken (nicht nur ein Hauch) */
.hd-ci.mich { box-shadow:inset 4px 0 0 var(--pink); padding-left:14px; background-color:#FFF3F6; border-radius:0 8px 8px 0; }
.hd-ci.mich:hover { background-color:#FFE9EE; }
.hd-ci.mich .hd-fi-m > span { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.hd-av-at { position:relative; overflow:visible; background:#FBE3E8; color:#B4233F; }
.hd-av-at::after { content:'@'; position:absolute; right:-5px; bottom:-5px; width:16px; height:16px; border-radius:50%; background:var(--pink); color:#fff;
  font-size:11px; font-weight:700; line-height:1; display:grid; place-items:center; box-shadow:0 0 0 2px #fff; }
.hd-at-chip { font-style:normal; font-size:10.5px; font-weight:700; background:var(--pink); color:#fff; border-radius:99px; padding:1px 8px; margin-left:6px; vertical-align:1px; }
.hd-ci .hd-fi-m > .hd-erw-w { font-size:12px; font-weight:700; color:var(--pink); }
.hd .chat-at { padding:1px 5px; }
.hd .chat-at.intern { background:#DDE1FB; color:#26296B; }
.hd .chat-at.intern.mich { background:var(--pink); color:#fff; }
.hd .chat-at.extern { background:#E7E4DD; color:#3F3E49; }
.hd-sh h2 small.hd-pill { background:var(--pink); color:#fff; border-radius:99px; padding:1px 9px; font-size:12px; margin-left:8px; }
#hdErw[hidden] { display:none; }
.hd-erw-i { position:relative; }
.hd-erw-i + .hd-erw-i { margin-top:8px; }
.hd-erw-i .hd-ci { padding:11px 30px 11px 14px; border:1px solid #F4C3CE; border-radius:10px; }
.hd-erw-x { position:absolute; top:8px; right:0; width:24px; height:24px; border-radius:6px; font-size:12px; line-height:1; color:#9B98A8; }
.hd-erw-x:hover { background-color:#F3F1EC; color:#1C1B22; }
/* Wiki-Hinweise (Korrekturen zu eigenen Artikeln): Karte mit rosa Rahmen wie die Erwähnungen, ohne ✕ — abgehakt wird im Wiki */
.hd-wk-i + .hd-wk-i { margin-top:8px; }
.hd-ci.hd-wk-i { padding:11px 14px; border:1px solid #F4C3CE; border-radius:10px; }
.hd-ci .hd-fi-m > .hd-wk-w { font-size:12px; font-weight:700; color:var(--pink); }
.hd-ci .hd-fi-m > .hd-wk-t { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#1C1B22; }
.hd-fi time, .hd-ci time { font-size:12px; color:#9B98A8; white-space:nowrap; display:flex; align-items:center; gap:6px; padding-top:2px; }
.hd-fi-k .psub-i { width:12px; height:12px; transition:transform .15s; }
.hd-fi.zu .hd-fi-k .psub-i { transform:rotate(-90deg); }
.hd-chg { margin:-2px 0 10px 42px; display:flex; flex-direction:column; gap:8px; }
.hd-fi.zu .hd-chg { display:none; }
.hd-chg-k { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:12px; color:var(--muted); margin-bottom:2px; }
.hd-chg-k > span:not(.log-ext) { background:#F3F1EC; border-radius:4px; padding:0 6px; color:#45434F; font-weight:500; }
.hd-chg-t { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
.hd-chg-t s { color:#9B98A8; text-decoration:none; }
.hd-chg .hd-lnk { font-size:12.5px; align-self:flex-start; }
.hd-note { font-size:12px; color:#9B98A8; margin:10px 0 0; }
.hd-note .hd-lnk { font-size:12px; }

/* Unter 1280 px rutscht das Panel unter die Arbeitsspalte (Abschnitte
   nebeneinander), unter 1100 px stehen Woche und Aufgaben untereinander.
   Dann scrollt wieder die ganze Seite; die Kennzahlen kleben oben (auf dem
   Handy nicht — zweizeilig nehmen sie zu viel Hoehe weg). Den Kalender erst
   schmal waagrecht scrollen — sonst schnitte der Scrollbereich die
   Transport-Popover ab. */
@media (max-width:1280px) {
  .hd { display:block; flex:1 0 auto; min-height:auto; }
  /* display:contents: die Kennzahlen kleben dann an .hd statt an der
     Arbeitsspalte und bleiben auch ueber dem Panel darunter stehen */
  .hd-main { display:contents; }
  .hd-kopf { position:sticky; top:0; z-index:10; background:var(--bg); }
  .hd section { scroll-margin-top:120px; }
  .hd-scroll, .hd-rail { overflow:visible; }
  .hd-rail { border-left:0; border-top:1px solid var(--border); display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:28px; padding:24px var(--fx) 40px; }
  .hd-rail > section + section { margin-top:0; padding-top:0; border-top:0; }
}
@media (max-width:1100px) { .hd-two { grid-template-columns:1fr; } }
@media (max-width:900px) { .hd-cal-scroll { overflow-x:auto; } .hd-cal { min-width:760px; } }
@media (max-width:640px) {
  .hd-kopf { position:static; }
  .hd section { scroll-margin-top:16px; }
  .hd-stat { flex-basis:50%; border-bottom:1px solid var(--border); }
  .hd-leg { margin-left:0; }
}

/* Teams-Kalender-Kern (hub-kalender.js): Balken fuer Pikett und Aufgaben */
.tk-ev.pikett { background:#FBE9EE; color:#8E1535; }
.tk-ev.aufgabe { background:#E8F3EC; color:#16623F; }
.tk-ev.pikett .psub-i, .tk-ev.aufgabe .psub-i { width:12px; height:12px; vertical-align:-2px; margin-right:4px; }
.lade-fehler { background:#FDECEE; color:#8A1F2A; border-bottom:2px solid #B4232A;
  padding:10px 18px; font-size:13px; line-height:1.5; }
.lade-fehler code { background:rgba(0,0,0,.06); padding:1px 5px; border-radius:4px; }