/* ============ Krank in Orange (so hat Evi es gewollt: im Kalender von Urlaub zu unterscheiden) ============
   Liegt ganz zuletzt. Eine Krankheit (`art:'krank'` in den Zeiten einer Person, js/40-urlaub.js) steht
   überall in Orange: Monatsblatt, Tagblatt, Wochenband, Tagesspalten, Team-Kalender, Urlaubsplan, Listen und
   die Karte der Krankmeldung. Urlaub bleibt grün (Person: ihre Farbe), „Offen“ gelb – Orange ist nur Krank.
   `--krank` ist die Füllung (Streifen, Rand), `--krank-text` die Schrift (auf Karte und auf dem Hauch von
   Orange gerechnet, `node werkzeuge/kontrast-pruefen.js`). Es sind feste Töne wie die Farben der Personen:
   Orange sagt „krank“, in jedem Design dasselbe. */
:root{
  --krank:#E0701C;
  --krank-text:#9A4300;
  --krank-soft:rgba(224,112,28,.18);
}
:root[data-theme="basedunkel"],
:root[data-theme="schwarz"],
:root[data-theme="zentivo"],
:root[data-theme="nacht"],
:root[data-theme="anthrazit"],
:root[data-theme="terra"]{
  --krank:#F28A3C;
  --krank-text:#FFB782;
  --krank-soft:rgba(242,138,60,.24);
}

/* ---- Terminkalender: Monatsblatt, Tagblatt, Legende ---- */
:root .cal-tag.zu-krank,
:root .cal-tag.sel.zu-krank{background-color:var(--krank-soft);}
:root .cal-tag.zu-krank .ct-zahl{color:var(--krank-text);}
:root .cal-tag.zu-krank .ct-zu{color:var(--krank-text);}
.cal-legende .lg-zu.krank{background:var(--krank-soft);border:1px solid var(--krank);}
:root .tb-marke-zu.krank{background:var(--krank-soft);color:var(--krank-text);}

/* ---- Wochenband ---- */
:root .wb-tag.zu-krank{background-color:var(--krank-soft);border-color:var(--krank);}

/* ---- Tagesspalten (Kopf der Person und die Spalte selbst) ---- */
.ts-person.krank{border-top-color:var(--krank);background:var(--krank-soft);}
.ts-person.krank span{color:var(--krank-text);font-weight:650;}
.ts-spalte.krank .ts-aus{background:var(--krank-soft);opacity:1;}

/* ---- Team-Kalender und Urlaubsplan ---- */
.tk-balken.u.krank,
.tk-balken.u.krank[class*="pf-"]{background:var(--krank);}
.cal-legende .lg-balken.u.krank,
.cal-legende .lg-balken.u.krank[class*="pf-"]{background:var(--krank);}
.tk-zeile.urlaub.krank{--pc:var(--krank);border-color:var(--krank);background:var(--krank-soft);}
.ut-kasten.krank{--pc:var(--krank);border-color:var(--krank);background:var(--krank-soft);}
.ut-kasten.krank b{color:var(--krank-text);}

/* ---- Liste „Urlaub im Team“ ---- */
:root .ul-zeile.krank{--kfarbe:var(--krank);border-color:var(--krank);background-color:var(--krank-soft);}

/* ---- Krankmeldung: Karte oben, Fenster, Karte im Fenster ---- */
.anf-karte.anf-krank,
:root .anf-karte.anf-krank{--tn:var(--krank);}
.tg-dlg-z.kr-z{background:var(--krank-soft);color:var(--krank-text);}
.ur-sektion.krank .ur-sektion-z{color:var(--krank-text);}
.kr-karte .kr-tage{background:var(--krank-soft);color:var(--krank-text);}
:root .kr-karte{border-color:var(--krank);}

/* ---- Krankschein (PDF) an der Krankmeldung und in der Akte ---- */
.kr-schein{display:flex;align-items:center;gap:9px;width:100%;min-width:0;margin:10px 0 2px;padding:8px 11px;
  border:1px solid var(--line);border-radius:var(--r-feld,10px);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.kr-schein svg{flex:none;width:18px;height:18px;color:var(--krank-text);}
.kr-schein span{min-width:0;flex:1;display:grid;gap:1px;}
.kr-schein b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kr-schein small{font-size:11.5px;color:var(--ink-soft);}
@media (hover:hover) and (pointer:fine){ .kr-schein:hover{border-color:var(--krank);} }
.kr-anhang{margin-top:12px;display:grid;gap:8px;}
.kr-anhang .btn{width:100%;}
.kr-anhang .btn svg{width:15px;height:15px;}
.kr-datei[hidden],.kr-anhang .btn[hidden]{display:none;}
.kr-datei{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px 8px 11px;border:1px solid var(--krank);border-radius:var(--r-feld,10px);background:var(--krank-soft);}
.kr-datei svg{flex:none;width:18px;height:18px;color:var(--krank-text);}
.kr-datei span{min-width:0;flex:1;display:grid;gap:1px;}
.kr-datei b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kr-datei small{font-size:11.5px;color:var(--ink-soft);}

/* ---- Rahmen der Anfragen: Urlaub immer hellblau, Krank immer orange ----
   So hat Evi es gewollt: in der Startansicht und im Fenster „Urlaub & Krankmeldungen“ erkennt man schon am
   Rahmen, was gemeldet wurde. Der Rahmen ist 1,5 px (1 px Rand plus Ring, wie bei den Feldern – kein Sprung).
   Das Hellblau gilt nur für Urlaubs-ANFRAGEN; der genehmigte Urlaub im Kalender bleibt grün bzw. in der Farbe der Person. */
:root{
  --urlaub-blau:#5FA0DC;
  --urlaub-text:#1E5C9C;
  --urlaub-soft:rgba(95,160,220,.18);
}
:root[data-theme="basedunkel"],
:root[data-theme="schwarz"],
:root[data-theme="zentivo"],
:root[data-theme="nacht"],
:root[data-theme="anthrazit"],
:root[data-theme="terra"]{
  --urlaub-blau:#8DB8EC;
  --urlaub-text:#B5D2F5;
  --urlaub-soft:rgba(141,184,236,.22);
}
:root .anf-karte.anf-urlaub{--tn:var(--urlaub-blau);border-color:var(--urlaub-blau);box-shadow:inset 0 0 0 .5px var(--urlaub-blau);}
:root .anf-karte.anf-krank{border-color:var(--krank);box-shadow:inset 0 0 0 .5px var(--krank);}
:root .ur-karte:not(.kr-karte){border-color:var(--urlaub-blau);box-shadow:inset 0 0 0 .5px var(--urlaub-blau);}
:root .kr-karte{box-shadow:inset 0 0 0 .5px var(--krank);}
.ur-karte:not(.kr-karte) .ur-tage{background:var(--urlaub-soft);color:var(--urlaub-text);}
.ur-sektion.urlaub .ur-sektion-z{color:var(--urlaub-text);}

/* ---- Anfragen auf einen Blick: Sammelkarte, Besetzung, „heute“, Alle eintragen, Schalter ----
   Sammelkarte (beide Arten offen): ein Rahmen, links hellblau, rechts orange, dazu je Art ein Zähler. */
:root .anf-karte.anf-misch{--tn:var(--accent);border:1.5px solid transparent;box-shadow:none;
  background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(90deg, var(--urlaub-blau) 50%, var(--krank) 50%) border-box;}
@media (hover:hover) and (pointer:fine){ :root .anf-karte.anf-misch:hover{border-color:transparent;} }
.anf-zaehler{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 3px;}
.anf-zaehler .az{display:inline-flex;align-items:baseline;gap:4px;padding:2px 9px;border-radius:var(--r-klein,6px);
  font-style:normal;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;}
.anf-zaehler .az b{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}
.anf-zaehler .az.urlaub{background:var(--urlaub-soft);color:var(--urlaub-text);box-shadow:inset 0 0 0 1px var(--urlaub-blau);}
.anf-zaehler .az.krank{background:var(--krank-soft);color:var(--krank-text);box-shadow:inset 0 0 0 1px var(--krank);}
/* Heute betroffene Termine: eine rote Pille im Kopf der Karte. */
.ur-heute{flex:none;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;
  background:var(--off-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger);}
/* Besetzung: Pille (grün/gelb/rot) und leise Zeilen darunter. */
.info-pille.eng{background:var(--off-soft);border-color:var(--danger);color:var(--ink);}
.info-pille.eng .ip-z{color:var(--danger);}
.ur-bes{display:grid;gap:4px;justify-items:start;margin:10px 0 2px;}
.ur-bes small{font-size:12px;color:var(--ink-soft);overflow-wrap:anywhere;}
.kr-alle{width:100%;margin:2px 0 8px;}
.kr-alle svg{width:15px;height:15px;}
.kr-auto{margin-top:16px;}

/* ---- Krankmeldungen in der Mitarbeiter-Akte ---- */
.ma-krank{border-color:var(--krank);}
.ma-krank:not(.neu){background:var(--surface);}
.ma-krank.neu{background:var(--krank-soft);}