/* 09-pikett.css · Teil 9 von 19 · Tickets, Einsatzplan, Einsatzreport, Statistik. Reihenfolge der Dateien = Kaskade (index.html), nicht umsortieren. */
/* Tickets */
.tk-filter { display:flex; flex-wrap:wrap; gap:8px; padding:12px 0; }
.tk-filter select, .tk-filter .btn { height:34px; }
.tk-badge { display:inline-block; font-size:12px; font-weight:700; padding:2px 9px; border-radius:99px; }
.tk-badge.s-open { background:#FDECEE; color:#B4232A; }
.tk-badge.s-in_progress { background:#EEF0FB; color:#3C3489; }
.tk-badge.s-waiting { background:#FFF3E0; color:#8A5300; }
.tk-badge.s-resolved { background:#E7F6EF; color:#0A6B49; }
.tk-badge.s-closed { background:#EDEDF2; color:#6B6B7B; }
.tk-badge.p-critical { background:#B4232A; color:#fff; }
.tk-badge.p-high { background:#FFF3E0; color:#8A5300; }
.tk-badge.p-medium { background:#EEF0FB; color:#3C3489; }
.tk-badge.p-low { background:#EDEDF2; color:#6B6B7B; }
.tk-komm { border-left:3px solid var(--border); padding:4px 0 4px 12px; margin-bottom:8px; font-size:14px; }
.tk-komm-k { font-size:12px; color:var(--muted); margin-bottom:2px; }
.tk-komm-add { display:flex; gap:8px; align-items:flex-start; margin-top:10px; }
.tk-komm-add textarea { flex:1; }
.tk-ev { font-size:13px; padding:5px 2px; border-bottom:1px solid var(--border); }
.tk-ev:last-child { border-bottom:none; }
.tk-ev-t { font-family:"IBM Plex Mono",monospace; color:var(--muted); margin-right:8px; }
.vc-liste-tbl { overflow-x:auto; }
/* Untermenü */
.subtab { padding-left:38px !important; font-size:13px; opacity:.85; }
.subtab .navlabel { font-weight:500; }
.subtab.active { opacity:1; }
/* Einsatzplan */
.ep-nav { display:flex; align-items:center; gap:8px; }
.ep-titel { font-weight:600; min-width:130px; text-align:center; text-transform:capitalize; }
.ep-info { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px;
  font-size:13px; color:var(--muted); margin:6px 0 14px; }
.ep-akt { display:flex; align-items:center; gap:10px; margin-left:auto; }
.ep-stand { font-size:12px; }
.ep-stand.alt { color:#B4232A; }
.ep-liste { display:flex; flex-direction:column; gap:2px; }
.ep-z { display:flex; gap:16px; padding:9px 4px; border-bottom:1px solid var(--border); }
.ep-z:last-child { border-bottom:none; }
.ep-d { min-width:230px; font-size:14px; color:var(--navy); }
.ep-mail { font-size:12px; color:var(--muted); }
.ep-warn { font-size:12px; color:#8A5300; background:#FFF3E0; padding:1px 7px; border-radius:99px; }
/* Einsatzreport (Pikett): Auswertung des Sheets vom Pikett-Partner. Oben immer
   die letzten 5 Tage, darunter Filter + Auswertung (#erAusw wird bei jedem
   Filterwechsel neu gebaut, Suchfeld und Auswahllisten nicht). */
.er { flex:none; padding:20px var(--fx) 32px; display:flex; flex-direction:column; gap:16px; }
.er-stand { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; font-size:12.5px; color:var(--muted); }
.er-stand a { color:var(--navy); font-weight:500; }
.er-warn { font-size:12.5px; color:#8A5300; background:#FFF3E0; padding:7px 12px; border-radius:8px; }
.er-warn.err { color:#B4232A; background:#FDECEC; }
.er-hint { font-size:12px; color:var(--muted); margin:-4px 0 14px; line-height:1.5; word-break:break-word; }
.er-h { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; margin:0 0 12px; font-size:15px; font-weight:600; color:#1C1B22; }
.er-h .wb-count { margin-left:0; }
.er-h small { font-size:12.5px; font-weight:400; color:var(--muted); }
.er-tag { font-size:11.5px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; margin:16px 0 6px; }
.er-letzte .er-h + .er-tag { margin-top:0; }
.er-m { border:1px solid #EFEDE8; border-radius:8px; padding:10px 12px; margin-bottom:8px; }
.er-m-kopf { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; font-size:13px; }
.er-zeit { font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--muted); min-width:40px; }
.er-ort { color:#1C1B22; font-weight:600; }
.er-art { font-size:11.5px; padding:1px 8px; border-radius:99px; background:#EEF0FB; color:#3B4AA8; }
.er-proj { font-size:12px; color:var(--muted); }
.er-st { font-size:11.5px; padding:1px 8px; border-radius:99px; background:#F1F0EC; color:#5A5963; white-space:nowrap; }
.er-st.ok { background:#E7F5EC; color:#1E7A45; }
.er-st.beob { background:#FFF3E0; color:#8A5300; }
.er-st.offen { background:#FDECEC; color:#B4232A; }
.er-wer { margin-left:auto; font-size:12px; color:var(--muted); }
.er-m-text { font-size:13.5px; line-height:1.5; margin-top:6px; color:#1C1B22; }
.er-dl { display:grid; grid-template-columns:100px minmax(0,1fr); gap:4px 12px; margin:8px 0 0; font-size:13px; line-height:1.5; }
.er-dl dt { color:var(--muted); font-size:12px; padding-top:1px; }
.er-dl dd { margin:0; word-break:break-word; }
.er-leer { color:var(--muted); font-size:13px; padding:4px 0; }
.er-filter { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.er-ausw { display:flex; flex-direction:column; gap:16px; }
.kz.er-klick { cursor:pointer; }
.kz.er-klick:hover { background:#FAF9F6; }
.er-2 { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.er-bars { display:flex; flex-direction:column; gap:4px; }
.er-bar { display:grid; grid-template-columns:minmax(0,180px) minmax(0,1fr) 38px; align-items:center; gap:10px;
  font:inherit; font-size:13px; color:inherit; background:none; border:0; border-radius:6px; padding:3px 4px; text-align:left; width:100%; }
button.er-bar { cursor:pointer; }
button.er-bar:hover { background:#FAF9F6; }
.er-bar-l { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.er-bar-s { height:8px; background:#F1F0EC; border-radius:99px; overflow:hidden; }
.er-bar-s i { display:block; height:100%; background:var(--cyan); border-radius:99px; }
.er-bar-n { text-align:right; font-variant-numeric:tabular-nums; color:var(--muted); }
.er-mon { display:flex; align-items:flex-end; gap:6px; overflow-x:auto; padding-bottom:2px; }
.er-mon-s { flex:1 0 30px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; min-height:136px; }
.er-mon-s b { font-size:11px; font-weight:600; color:#1C1B22; font-variant-numeric:tabular-nums; }
.er-mon-s i { width:100%; max-width:34px; background:var(--cyan); border-radius:4px 4px 0 0; min-height:2px; }
.er-mon-s span { font-size:10.5px; color:var(--muted); white-space:nowrap; }
.er-tab-w { overflow-x:auto; }
.er-tab td { vertical-align:top; }
.er-tab tr.er-z { cursor:pointer; }
.er-tab tr.er-z.auf td { background:#FAF9F6; }
.er-kurz { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-width:520px; }
.er-det td { background:#FAF9F6; }
.er-det[hidden] { display:none; }
.er-mehr { margin-top:10px; }
@media (max-width:900px){ .er-2 { grid-template-columns:1fr; } .er-bar { grid-template-columns:minmax(0,130px) minmax(0,1fr) 34px; } }
/* Statistik */
.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:8px 0 18px; }
@media (max-width:720px){ .stat-grid{ grid-template-columns:repeat(2,1fr);} }
.stat-card { background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:16px; text-align:center; }
.stat-num { font-size:30px; font-weight:800; line-height:1; }
.stat-lbl { font-size:12px; color:var(--muted); margin-top:6px; }
.stat-2 { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
@media (max-width:720px){ .stat-2{ grid-template-columns:1fr;} }
.bar-row { display:flex; align-items:center; gap:10px; font-size:13px; padding:3px 0; }
.bar-l { min-width:90px; color:var(--muted); }
.bar { flex:1; background:#EEF0FB; border-radius:99px; height:12px; overflow:hidden; }
.bar-fill { display:block; height:100%; background:var(--pink,#E8185A); border-radius:99px; }
.bar-n { min-width:28px; text-align:right; font-weight:600; }