/* Büro-Übersicht (Musterseite Dachdeckerei Nordlicht) */
@font-face{font-family:'Switzer';src:url('../karriere-muster/fonts/Switzer-Variable.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
:root{--canvas:#f7f3ec;--karte:#fff;--band:#ece4d6;--ink:#1d1a17;--soft:#5b544c;--accent:#9a3b2b;--ok:#2f6b3a;--warn:#b0561a;--line:rgba(29,26,23,.14);--r:16px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Switzer',-apple-system,'Segoe UI',sans-serif;background:var(--canvas);color:var(--ink);line-height:1.5}
a{color:inherit}
.b-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.b-demo{background:var(--ink);color:#fff;font-size:.9rem;padding:10px 20px;text-align:center}
.b-demo a{color:#fff}
.b-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:36px;padding-bottom:24px}
.b-eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}
h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;margin:.3rem 0}
h2{font-size:1.1rem;margin-bottom:.2rem}
.b-stand,.b-klein{color:var(--soft);font-size:.9rem}
.b-btn{font:inherit;font-weight:600;border:0;border-radius:999px;background:var(--accent);color:#fff;padding:12px 22px;min-height:46px;cursor:pointer}
.b-btn.klein{padding:8px 16px;min-height:38px;font-size:.9rem}
.b-btn:disabled{opacity:.4;cursor:default}
main{display:grid;gap:18px;padding-bottom:40px}
.b-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.b-kachel{background:var(--karte);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;min-width:0;display:grid;gap:2px}
.b-kachel-titel{color:var(--soft);font-size:.9rem}
.b-kachel-zahl{font-size:clamp(1.25rem,4.6vw,1.7rem);font-weight:700;letter-spacing:-.01em}
.b-kachel-info{font-size:.88rem;color:var(--soft)}
.b-kachel.warn .b-kachel-info{color:var(--warn);font-weight:600}
.b-karte{background:var(--karte);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;min-width:0}
.b-karte[hidden]{display:none}
.b-pruefen{border-color:var(--warn);background:#fff7ef}
.b-pruefen ul{margin:.5rem 0 0 1.1rem;display:grid;gap:4px}
.b-raster{display:grid;gap:18px}
@media(min-width:860px){.b-raster{grid-template-columns:1fr 1fr}}
.b-raster>*{min-width:0}
svg{width:100%;height:auto;display:block;margin-top:10px}
.b-bar-ein{fill:var(--ok)}
.b-bar-aus{fill:var(--accent)}
.b-achse{font-size:13px;fill:var(--soft)}
.b-legende{font-size:.85rem;color:var(--soft);margin-top:6px}
.b-punkt{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 6px 0 12px;vertical-align:-1px}
.b-punkt:first-child{margin-left:0}
.b-punkt.ein{background:var(--ok)}
.b-punkt.aus{background:var(--accent)}
[data-chart-arten]{display:grid;gap:10px;margin-top:14px}
.b-hbar{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;font-size:.92rem}
.b-hbar-spur{height:12px;background:var(--band);border-radius:6px;overflow:hidden}
.b-hbar-fuell{display:block;height:100%;background:var(--accent);border-radius:6px}
.b-hbar-wert{font-variant-numeric:tabular-nums;color:var(--soft)}
.b-titelzeile{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.b-tabelle{overflow-x:auto;margin-top:10px}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:var(--soft);font-weight:600}
.zahl{text-align:right;font-variant-numeric:tabular-nums}
.b-datei{color:var(--soft);font-size:.85rem}
tr.pruefen td{background:#fff7ef}
tr.gewaehlt td{background:#f1ece3}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
.b-liste{list-style:none;margin-top:10px}
.b-liste li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.b-liste li:last-child{border-bottom:0}
.b-liste strong{display:block}
.b-rechts{text-align:right;display:grid;justify-items:end;gap:4px}
.b-betrag{font-weight:600;font-variant-numeric:tabular-nums}
.b-status{font-size:.78rem;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--band)}
.b-status.offen{background:#f3ead9}
.b-status.ueberfaellig{background:#fbe1d3;color:var(--warn)}
.b-status.bezahlt,.b-status.angenommen{background:#e2f0e5;color:var(--ok)}
.b-wie ol{margin:.6rem 0 .8rem 1.2rem;display:grid;gap:6px}
.b-link{font-weight:600;color:var(--accent)}
.b-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.b-fuss{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--soft);font-size:.85rem;padding-top:20px;padding-bottom:30px;border-top:1px solid var(--line)}

@media print{
  .b-demo,.b-btn,.b-wie,.b-fuss{display:none}
  body{background:#fff}
  .b-karte,.b-kachel{border-color:#999;break-inside:avoid}
  body.drucke-auswahl main>*{display:none}
  body.drucke-auswahl main>.b-karte:has([data-belege]){display:block}
  body.drucke-auswahl tbody tr:not(.gewaehlt){display:none}
  body.drucke-auswahl .b-kopf .b-stand{display:none}
}

/* Diese Woche zu tun, Entwürfe, Tags (Erweiterung 02.10.2026) */
.b-todo{border-color:var(--accent)}
.b-todo ul{list-style:none;margin-top:10px;display:grid;gap:8px}
.b-todo li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}
.b-todo li:last-child{border-bottom:0}
.b-tag{font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:3px 10px;border-radius:999px;background:var(--band);white-space:nowrap}
.b-tag.skonto,.b-tag.bezahlen{background:#e2f0e5;color:var(--ok)}
.b-tag.erinnern,.b-tag.pruefen{background:#fbe1d3;color:var(--warn)}
.b-tag.nachfassen{background:#f3ead9;color:var(--accent)}
.b-tag.frist{background:#e6e9f2;color:#2f3f6b}
.b-entwurf{grid-column:2;font-size:.9rem}
.b-entwurf summary{cursor:pointer;color:var(--accent);font-weight:600}
.b-entwurf p{background:var(--canvas);border-radius:10px;padding:10px 12px;margin:6px 0 4px}
.b-entwurf small{color:var(--soft)}
.b-status.nachfassen{background:#f3ead9;color:var(--accent)}
.b-status.pruefung,.b-status.vertrag,.b-status.gewaehrleistung,.b-status.schulung{background:#e6e9f2;color:#2f3f6b}
@media print{.b-entwurf{display:none}}
.b-bis{display:inline-block;margin-left:8px;font-size:.8rem;color:var(--soft);font-weight:600}

/* Einsatzplan (02.10.2026) */
.b-plan{min-width:720px}
.b-plan th,.b-plan td{white-space:normal;vertical-align:top}
.b-plan td{min-width:120px}
.b-team strong{display:block}
.b-team span{display:block;font-weight:400;font-size:.82rem;color:var(--soft)}
.b-einsatz{background:var(--band);border-radius:10px;padding:6px 8px;margin-bottom:6px;font-size:.82rem;line-height:1.35}
.b-einsatz strong{display:block;font-size:.84rem}
.b-einsatz.neu{background:#e2f0e5;outline:2px solid var(--ok)}
.b-frei{color:var(--ok);font-size:.82rem;font-weight:600}
.b-hinweis-abw{font-size:.88rem;color:var(--warn);margin-top:8px}
.b-hinweis-abw:empty{display:none}
.b-unter{font-size:1rem;margin-top:16px}
.b-offen{align-items:center}
.b-offen .b-vorschlag{display:block;font-size:.88rem;margin-top:4px}
.b-offen .b-btn{flex:none}
.b-tag.planen{background:#e6e9f2;color:#2f3f6b}
@media(max-width:600px){.b-offen{flex-direction:column;align-items:flex-start}}