/* Kontierungsassistent — App-spezifische Ergänzungen zu stil.css/info.css.
   stil.css bleibt unveraendert (gemeinsame Basis mit Belegpruefung/
   Mieterabrechnung); hier nur, was diese App zusaetzlich braucht. */

:root{
  /* Rot fehlt in stil.css als Badge-Paar (dort nur als Akzent genutzt) —
     hier ergaenzt, gleiche Systematik wie --ok-bg/--ok-text. */
  --rot-bg:#FBEAE7; --rot-linie:#F0C6BE; --rot-text:#8C1D15;
}

.dev-login{margin-top:22px;border-top:1px solid var(--linie);padding-top:18px}

/* ── Portal: Kachel-Dashboard ────────────────────────────── */
.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px}
.kachel{background:var(--weiss);border:1px solid var(--linie);border-top:4px solid var(--gelb);
  border-radius:var(--radius);padding:20px 22px;text-decoration:none;display:block;min-height:120px}
.kachel:hover{border-color:var(--ink-head);border-top-color:var(--gelb)}
.kachel h3{font-family:var(--sans);font-size:16px;font-weight:500;color:var(--ink-head)}
.kachel p{font-size:13px;color:var(--ink-muted);margin-top:6px;line-height:1.5}
.kachel .extern{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);
  margin-top:12px;display:block}
.kachel.aktiv{border-top-color:var(--ok)}
/* Kleine Kacheln oben im Vorlage-Stapel (27.09.2026, statt des Portals): Werkzeuge zum Kontierungsassistenten */
.werkzeuge{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 16px}
.kachel-klein{display:flex;flex-direction:column;gap:2px;padding:8px 14px;background:var(--weiss);border:1px solid var(--linie);border-top:3px solid var(--gelb);border-radius:var(--radius);text-decoration:none;color:var(--ink-head);font-size:13px;min-width:190px}
.kachel-klein:hover{border-color:var(--ink-head);border-top-color:var(--gelb)}
.kachel-klein b{font-weight:500}
.kachel-klein span{font-size:11px;color:var(--ink-muted)}
/* Papierpost-Übersicht (29.09.2026) */
.papier-wahl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.papier-wahl select{font:inherit;padding:6px 8px;border:1px solid var(--linie-stark);border-radius:0;background:var(--weiss);margin-left:6px}
.papier-belege{margin:6px 0 0 16px;padding:0;font-size:12.5px}
.papier-belege li{margin-bottom:6px}

/* ── Beleg-Screen (Prüfmaske) ────────────────────────────── */
main.breit{max-width:1440px}
.beleg-kopf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.beleg-kopf .zurueck{margin-bottom:0}
.stapel-nav{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px;color:var(--ink-muted)}
.pruef-status{padding:10px 16px;background:var(--ok-bg);border-left:4px solid var(--ok);font-size:13px;margin-bottom:12px;color:var(--ok-text)}
.pruef-status.zurueck{background:var(--papier-2);border-left-color:var(--linie-stark);color:var(--ink)}
.hinweis-liste{margin-bottom:12px}
.konvolut{background:var(--rot-bg);border:1px solid var(--rot-linie);border-left:4px solid var(--rot);padding:13px 18px;font-size:13.5px;color:var(--ink);margin:0 0 6px}
.konvolut b{color:var(--rot-text);font-family:var(--sans);font-weight:500}
.konvolut.fehler{outline:2px solid var(--rot)}
.konvolut-ok{display:flex;gap:10px;align-items:flex-start;margin-top:10px;cursor:pointer}
.konvolut-ok input{width:18px;height:18px;margin-top:1px;accent-color:var(--ink-head);flex:none}
.hinweis-liste .abgleich{margin:0 0 6px}
.beleg-layout{grid-template-columns:minmax(0,1fr) 400px}
.werkzeuge{display:flex;gap:6px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.werkzeuge .range-chip{min-width:36px;justify-content:center;display:inline-flex}
.werkzeug-trenner{width:1px;height:22px;background:var(--linie-stark);margin:0 6px}
.werkzeug-hinweis{font-size:12px;color:var(--ink-muted);margin-left:auto}
.pdf-scroll{max-height:calc(100vh - 210px);overflow:auto;align-items:flex-start;flex-wrap:wrap}
.pdf-buehne{position:relative;background:#fff;flex:none}
.pdf-buehne canvas{display:block}
/* pdf.js-Textebene: unsichtbare Spans exakt auf den Glyphen, damit Markierungen
   zeichengenau sitzen (Range.getClientRects). CSS aus pdf_viewer.css reduziert. */
.textLayer{position:absolute;inset:0;overflow:clip;line-height:1;text-align:initial;letter-spacing:normal;word-spacing:normal;
  text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:1;pointer-events:none}
.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;transform-origin:0% 0%}
.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0}
.hl-layer{position:absolute;inset:0;pointer-events:none;z-index:2}
.hl{position:absolute;background:rgba(250,207,0,.38);outline:2px solid var(--gelb-tief);border-radius:0}
.pdf-meldung{color:var(--on-dark);font-size:13.5px;padding:30px;text-align:center}
/* Anlern-Modus: Rahmen auf dem Beleg ziehen */
.mark-layer{position:absolute;inset:0;cursor:crosshair;background:rgba(43,43,42,.08)}
.mark-rect{position:absolute;border:2px dashed var(--ink-head);background:rgba(250,207,0,.22)}
.hl.gelernt{background:rgba(61,122,75,.18);outline:2px dashed var(--ok)}
.mark-hinweis{position:sticky;bottom:0;background:var(--gelb);color:var(--ink-head);font-family:var(--sans);font-size:12.5px;padding:8px 14px;text-align:center}
.feld-aktion{background:none;border:0;padding:0;font-family:var(--sans);font-size:11.5px;letter-spacing:.04em;text-transform:none;color:var(--ink-head);border-bottom:2px solid var(--gelb);cursor:pointer;min-height:20px}
.feld-aktion:hover{border-bottom-color:var(--ink-head)}
.feld-aktion.aktiv{background:var(--gelb);padding:2px 6px;border-bottom:0}
.lern-chip{display:flex;gap:8px;align-items:center;margin-top:6px;padding:7px 10px;background:var(--ok-bg);border-left:3px solid var(--ok);font-size:12.5px;color:var(--ok-text)}
.lern-chip .txtlink{font-size:12px;margin-left:auto}
.feld.fehler input{border-color:var(--rot);background:var(--rot-bg)}
.feld .fehlertext{font-size:12px;color:var(--rot-text);margin-top:4px}
.feld-kopf .pflicht{color:var(--achtung-text);text-transform:none;letter-spacing:0;font-style:normal}
.feld select{width:100%;border:1px solid var(--linie-stark);border-radius:0;padding:9px 11px;font:inherit;font-size:13.5px;background:var(--weiss);margin-top:6px;min-height:40px;color:var(--ink)}
.weitere-felder summary{cursor:pointer;list-style:none;padding:12px 20px;font-family:var(--sans);font-size:12.5px;color:var(--ink-muted);border-bottom:1px solid var(--linie-hell);min-height:40px}
.weitere-felder summary::before{content:"▸ ";color:var(--ink-muted)}
.weitere-felder[open] summary::before{content:"▾ "}
.weitere-felder summary:hover{background:var(--papier)}
.sichere-felder summary{color:var(--ok-text);background:var(--ok-bg);border-left:4px solid var(--ok)}
.sichere-felder summary:hover{background:#DDEBDF}
.sicher-kurz{display:block;font-family:var(--body);font-size:12.5px;color:var(--ink);margin-top:4px;white-space:normal;letter-spacing:0}
.aktionen .meldung{flex-basis:100%;font-size:13px;color:var(--rot-text);background:var(--rot-bg);border-left:3px solid var(--rot);padding:8px 10px}
.feld-kopfzeile{display:flex;align-items:center;gap:12px;padding:16px 20px 8px}
.feld-kopfzeile h2{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);hyphens:none;white-space:nowrap}
.feld-kopf,.feld .quelle,.feld .hinweis{hyphens:none}
.feld-kopfzeile .hint{font-size:12px;color:var(--achtung-text);margin-left:auto}
.feld{padding:10px 20px;border-bottom:1px solid var(--linie-hell)}
.feld-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--sans);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.feld-kopf .opt{font-style:normal;text-transform:none;letter-spacing:0;color:#A9A69E}
.feld input,.feld textarea{width:100%;border:1px solid var(--linie-stark);border-radius:0;padding:9px 11px;font:inherit;font-size:13.5px;background:var(--weiss);margin-top:6px;min-height:40px;color:var(--ink)}
.feld input:focus-visible,.feld textarea:focus-visible{outline:2.5px solid var(--ink-muted);outline-offset:1px;border-color:var(--ink-head)}
.feld.geaendert input{border-color:var(--gelb-tief);background:#FFFBE8}
.feld .quelle{font-size:12px;color:var(--ink-muted);margin-top:4px}
.feld .hinweis{font-size:12px;color:var(--achtung-text);margin-top:4px}
.aktionen{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px 20px 8px}
.feld-fuss{padding:6px 20px 16px;max-width:none}
@media (max-width:1000px){.beleg-layout{grid-template-columns:1fr}.pdf-scroll{max-height:60vh}}

/* ── Vorlage-Stapel ──────────────────────────────────────── */
.b-rot{background:var(--rot-bg);color:var(--rot-text);border-color:var(--rot-linie)}
.p-rot{background:var(--rot)}
.ampel-zelle{display:flex;align-items:center;gap:0}
.leer-hinweis{padding:40px 20px;text-align:center;color:var(--ink-muted);font-size:13.5px}
.vorlagen-kopf{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.vorlagen-stand{font-size:12.5px;color:var(--ink-muted)}
.kopf-aktionen{display:flex;gap:10px;margin-left:auto}
.drop-hinweis{position:fixed;top:0;left:0;right:0;z-index:50;padding:9px 16px;background:var(--ok-bg);border-bottom:3px solid var(--ok);font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ok-text);text-align:center;pointer-events:none}
.deploy-log{white-space:pre-wrap;font-size:12px;max-height:50vh;overflow:auto}
.zf-vorschau{max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:14px}
.zf-vorschau-doc b{display:block;margin-bottom:4px;font-family:var(--sans)}
.zf-vorschau-frame{width:100%;height:340px;border:1px solid var(--linie-stark)}
.tabelle td .leer{color:var(--ink-muted)}
.tabelle.stapel{table-layout:fixed;min-width:900px}
.tabelle.stapel td{overflow-wrap:anywhere}
.tabelle.stapel thead th{position:relative;padding-right:14px}
.tabelle.stapel th .sort{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.tabelle.stapel th .pfeil{font-size:9px;min-width:9px}
.tabelle.stapel th.sortiert .sort{color:var(--gelb)}
.tabelle.stapel th .griff{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize;border-right:2px solid transparent}
.tabelle.stapel th .griff:hover{border-right-color:var(--gelb)}
.tabelle.stapel tr.filter th{background:var(--papier,#f5f2ea);padding:4px 6px}
.tabelle.stapel tr.filter input{width:100%;min-height:28px;font-size:12px;padding:2px 6px;border:1px solid var(--linie,#ddd);background:#fff}
.stapel-bilanz{font-size:12.5px;color:var(--ink-muted);padding:8px 14px 0}
.tabelle td .punkt{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:2px}
.index-status{background:var(--gelb-bg,#fdf6d8);border-left:3px solid var(--gelb);padding:9px 14px;font-size:13px;margin:0 0 10px}
.index-status pre{margin:6px 0 0;font-size:11.5px;white-space:pre-wrap;color:var(--ink-muted)}
.index-zeile{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.index-zeile .txtlink{margin-left:auto}
.index-status progress{display:block;width:100%;height:10px;margin-top:6px;accent-color:var(--gelb-tief)}
.konvolut .trennen{margin-top:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.trennlinie{display:flex;align-items:center;gap:10px;width:100%;flex:0 0 100%;box-sizing:border-box;background:none;border:0;padding:6px 10px;cursor:pointer;color:var(--ink-muted);font-family:var(--sans);font-size:12px;letter-spacing:.03em;white-space:nowrap}
.trennlinie[hidden]{display:none}
.editor{margin-top:6px}
.editor-tab{width:100%;border-collapse:collapse;font-size:12.5px}
.editor-tab th{text-align:left;font-weight:600;color:var(--ink-muted);padding:4px 6px;border-bottom:1px solid var(--linie,#ddd)}
.editor-tab th.r,.editor-tab td.r{text-align:right}
.editor-tab td{padding:3px 4px;vertical-align:middle}
.editor-tab input,.editor-tab select{width:100%;min-height:30px;font-size:12.5px;padding:3px 6px}
.editor-tab input.r{text-align:right}
.editor-tab tr.fehler input{border-color:var(--rot)}
.editor-fuss{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12.5px}
.editor-fuss .summe{margin-left:auto;color:var(--ink-muted)}
.editor-fuss .summe.ok{color:var(--ok-text)}
.editor-fuss .summe.rot{color:var(--rot)}
.editor-fuss label.inline{display:flex;gap:6px;align-items:center;color:var(--ink-muted)}
.editor-fuss label.inline input{min-height:28px;font-size:12px;padding:2px 4px}
.trennlinie{color:#d9d6cc}
.trennlinie .strich{flex:1;border-top:2px dashed #b8b4a8}
.trennlinie:hover{color:#fff}
.trennlinie:hover .strich{border-color:var(--gelb)}
.trennlinie.verdacht{color:#ffb3a7}
.trennlinie.verdacht .strich{border-color:#ffb3a7}
.trennlinie[disabled]{opacity:.5;cursor:default}
/* Haken/Kreuz je Feld (Kevin, 12.09.2026): bestätigen und weiter, oder leeren. */
.feld-check{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle}
.feld-check button{width:26px;height:24px;border:1px solid var(--linie,#ddd);background:#fff;cursor:pointer;font-size:13px;line-height:1;padding:0;border-radius:0}
.feld-check .ok{color:var(--ok)}
.feld-check .ok:hover{background:var(--ok-bg);border-color:var(--ok)}
.feld-check .x{color:var(--rot)}
.feld-check .x:hover{background:var(--rot-bg);border-color:var(--rot)}
.feld.bestaetigt input,.feld.bestaetigt select{border-color:var(--ok);background:var(--ok-bg)}
.feld-check.alle button{width:auto;padding:0 8px;font-size:11.5px;letter-spacing:.03em;text-transform:none}
.feld-kopfzeile .feld-check{margin-left:0}
.feld-check.alle button{white-space:nowrap;height:26px}
/* Ampel + ✓ + ✕ als feste Gruppe rechtsbündig (Kevin, 12.09.2026) */
.feld-kopf > span:first-child{flex:1 1 auto;min-width:0}
.feld-kopf .badge-slot{flex:none;display:inline-flex;justify-content:flex-end;min-width:120px}
.feld-kopf .badge-slot .badge{white-space:nowrap}
.feld-kopf .feld-check{flex:none;margin-left:8px;width:56px;justify-content:flex-end}
/* ── iPad und Touch (Kevin, 12.09.2026) ─────────────────────────── */
.mark-layer{touch-action:none}
@media (max-width:1200px){.beleg-layout{grid-template-columns:minmax(0,1fr) 340px}}
@media (max-width:1000px){.beleg-layout{grid-template-columns:1fr}.pdf-scroll{max-height:60vh}}
body.touch .feld input,body.touch .feld select,body.touch .feld textarea{min-height:46px;font-size:15px}
body.touch .feld-check button{width:40px;height:38px;font-size:16px}
body.touch .feld-check.alle button{height:38px;font-size:13px}
body.touch .feld-aktion{min-height:32px;padding:4px 6px}
body.touch .werkzeuge .range-chip{min-height:42px;min-width:44px}
body.touch .txtlink,body.touch .trennlinie{min-height:40px}
body.touch .tabelle.stapel th .griff{width:18px}
body.touch .tabelle.stapel tr.filter input{min-height:38px;font-size:14px}
body.touch .tabelle tbody td{padding:14px 12px}
body.touch .editor-tab input,body.touch .editor-tab select{min-height:40px
}
/* Eigene Vorschlagsliste unter Eingabefeldern, wo der Browser keine datalist zeigt (iPad-Safari). */
.vorschlaege{position:absolute;left:0;right:0;z-index:30;background:var(--weiss);border:1px solid var(--linie-stark);box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:280px;overflow:auto}
.vorschlaege button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--linie-hell);padding:12px 14px;font:inherit;font-size:14px;color:var(--ink);min-height:44px;cursor:pointer}
.vorschlaege button:hover,.vorschlaege button:focus{background:var(--papier)}
.vorschlaege .sub{display:block;font-size:12px;color:var(--ink-muted)}
.feld{position:relative}
.feld-kopf > span:first-child{overflow-wrap:normal;word-break:keep-all}
/* Rechte Spalte scrollt für sich, die Rechnung links bleibt stehen und wird ganz gezeigt (Kevin, 13.09.2026). */
.beleg-layout{align-items:start}
.beleg-layout .zelle-info{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto}
.pdf-scroll{max-height:none}
@media (max-width:1000px){.beleg-layout .zelle-info{position:static;max-height:none;overflow:visible}.pdf-scroll{max-height:none}}
.geprueft-liste{margin-top:14px}
.geprueft-liste summary{color:var(--ok-text);background:var(--ok-bg);border-left:4px solid var(--ok)}
/* Eigener Dialog im Schleumer-Stil (dialog.js) */
.ka-dialog{border:0;border-top:4px solid var(--gelb);border-radius:var(--radius);padding:0;max-width:560px;width:calc(100% - 40px);background:var(--weiss);color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.ka-dialog-breit{max-width:900px}
.ka-dialog::backdrop{background:rgba(43,43,42,.45)}
.ka-dialog-kopf{display:flex;align-items:center;gap:12px;padding:20px 24px 6px}
.ka-dialog-kopf h2{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-head);margin:0}
.ka-dialog-text{padding:8px 24px 18px;font-size:14.5px;line-height:1.55}
.ka-dialog-text p{margin:0 0 10px}
.ka-dialog-text ul{margin:6px 0 10px 18px}
.ka-dialog-text b{color:var(--ink-head)}
.ka-dialog-knoepfe{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 22px}
.btn-gefahr{background:var(--rot);border-color:var(--rot);color:#fff}
.btn-gefahr:hover{filter:brightness(.92)}
.ka-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100vh - 40px);overflow:auto}
/* Splitbetrag-Schalter am Sachkonto und Vorgangs-Link (13.09.2026) */
.split-schalter{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted);margin-top:6px;cursor:pointer}
.split-schalter input{margin:0}
.feld .vorgang-link{font-size:12px;margin-top:4px}
.feld .vorgang-link:empty{display:none}
.feld.dauerauftrag .badge-slot .badge{font-weight:600}
/* Motor als zweite Quelle je Feld (Vertrag 1.2.0, 13.09.2026) */
.feld .motor-slot:empty{display:none}
.feld .motor{display:block;font-size:12px;margin-top:4px;padding:6px 8px;border-left:3px solid #A9A69E;background:#F7F6F2;color:var(--ink-muted)}
.feld .motor.gruen{border-left-color:var(--ok)}
.feld .motor.gelb{border-left-color:var(--achtung)}
.feld .motor.rot{border-left-color:var(--rot)}
.feld .motor.abweichend{background:#FFF6E5}
.motor-kopf{padding:10px 14px;border:1px solid var(--linie,#ddd);background:#F7F6F2;margin-bottom:12px;font-size:13px}
.motor-kopf .motor-titel{font-weight:600;margin-bottom:4px}
.motor-kopf .ampel-gruen{color:var(--ok)} .motor-kopf .ampel-gelb{color:var(--achtung-text)} .motor-kopf .ampel-rot{color:var(--rot)}
.motor-kopf ul{margin:4px 0 0 18px;padding:0}
.motor-kopf .motor-frei{color:var(--ink-muted)}
/* Korrekturliste Stammdaten (13.09.2026) */
.korrektur-form{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid var(--linie,#ddd);background:#F7F6F2}
.korrektur-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-muted)}
.korrektur-form input,.korrektur-form select{font:inherit;padding:6px 8px;border:1px solid var(--linie,#ccc);border-radius:0}
.korrektur-meldung{font-size:12px;color:var(--ok)}
.tabelle tr.erledigt td{color:var(--ink-muted)}
/* Zusammenfügen-Modus (Kevin, 17.09.2026): ausgewählte Zeile hervorheben, dieselbe Tönung wie --ok. */
.tabelle.stapel tr.zf-gewaehlt td{background:var(--ok-bg,#E9F1EA)}
.erklaerung{max-width:70ch;color:var(--ink-muted);margin:0 0 12px}
/* Präsenz (Albert, 14.09.2026): wer hat den Beleg gerade offen, wer ist im Cockpit */
.praesenz-chip{margin-right:3px}
.praesenz-hinweis{padding:10px 16px;background:var(--gelb-bg,#fdf6d8);border-left:4px solid var(--gelb);font-size:13px;margin-bottom:8px}
.bezug-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:var(--ink-muted);margin-bottom:10px}
.bezug-box a.txtlink{color:var(--ink-head)}
.bezug-eingabe{display:flex;align-items:center;gap:8px}
.bezug-eingabe label{font-size:12.5px}
.bezug-eingabe input{width:90px;padding:4px 8px;border:1px solid var(--linie-stark);font-family:var(--sans)}
#praesenz-kopf{margin-left:6px;font-size:12px}
/* Ablagekorb (Albert, 14.09.2026): Zähler oben rechts wie ein Warenkorb, Liste unten */
.korb-chip{display:inline-flex;align-items:center;gap:6px;margin-right:14px;padding:4px 10px;border:1px solid var(--linie-stark);border-radius:14px;font-size:12.5px;color:var(--ink-head);text-decoration:none;background:var(--papier-2)}
.korb-chip b{background:var(--gelb);color:var(--ink-head);border-radius:10px;padding:0 7px;font-size:12px}
.korb-chip:hover{border-color:var(--ink-head)}
.korb-leiste{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:8px 14px;font-size:12.5px;color:var(--ink-muted)}
.korb-leiste .btn{padding:4px 10px;font-size:12.5px}
.ablagekorb:target{outline:2px solid var(--gelb);outline-offset:3px}
.korb-zelle{display:inline-block;margin-right:6px;vertical-align:middle}
/* Ampel und Schwelle in einer Spalte (Albert, 16.09.2026) */
.schwelle-zeile{margin-top:4px}
.schwelle-zeile .badge{font-size:11px}
.motor-aktionen{margin-top:6px;font-size:12.5px}
.motor-uebernehmen{margin-left:8px}
/* Blättern im Dokument (Albert, 14.09.2026): schwebende Pfeile mittig links/rechts am Viewer, bleiben beim Scrollen stehen */
.blaettern{position:fixed;top:50%;transform:translateY(-50%);z-index:6;width:38px;height:72px;border-radius:8px;border:1px solid var(--linie-stark);background:rgba(255,255,255,.94);color:var(--ink-head);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18);padding:0}
.blaettern:hover{background:var(--gelb);border-color:var(--ink-head)}
.blaettern:disabled{opacity:.25;cursor:default;background:rgba(255,255,255,.94)}
.korb-einzeln{vertical-align:middle}
/* Stempel der Kolleginnen (DocuWare-Annotationsebene) und Mahnungsakte (Kevin, 15.09.2026) */
.abgleich.stempel{background:var(--achtung-bg,#fff7d6);border-left:4px solid var(--achtung,#d9a400);color:var(--ink)}
.abgleich.stempel b{color:var(--ink-head)}
.stempel-zelle{font-size:12.5px;line-height:1.3;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.mahnakte{margin-top:8px}
.mahnakte.ampel-gruen{background:var(--ok-bg,#eef7ee);border-color:var(--ok-linie,#b8d8b8);border-left-color:var(--ok,#2e7d32)}
.mahnakte.ampel-gruen b{color:var(--ok-text,#1f5e24)}
.mahnakte.ampel-gelb{background:var(--achtung-bg,#fff7d6);border-color:var(--achtung-linie,#e8d48a);border-left-color:var(--achtung,#d9a400)}
.mahnakte.ampel-gelb b{color:var(--ink-head)}
/* Erinnerung an offene Rücklagen-Entnahmen fürs S-Firm, gleich nach dem Login (Kevin, 22.09.2026) */
.erinnerung-band{display:flex;align-items:center;gap:10px;background:var(--achtung-bg,#fff7d6);border:1px solid var(--achtung-linie,#e8d48a);border-left:4px solid var(--achtung,#d9a400);border-radius:var(--radius);padding:12px 16px;margin-bottom:18px;font-size:14px;color:var(--ink)}
.erinnerung-band b{color:var(--ink-head)}
.erinnerung-band a{margin-left:auto}
.mahnakte details{margin-top:8px}
.mahnakte summary{cursor:pointer;font-weight:500}
.mahnakte ul{margin:4px 0 8px 18px;padding:0}
.mahnakte li{margin:2px 0}
.liste-mahnungen>summary,.liste-klaerung>summary{font-weight:500}
.leer.laedt{color:var(--ink-muted);font-style:italic}

/* Feldsuche über der Kontierung (Kevin, 15.09.2026): tippen, Enter springt ins Feld */
.feldsuche{position:relative;margin:0 0 10px}
.feldsuche input[type=search]{width:100%;box-sizing:border-box;padding:9px 12px;font:inherit;font-size:14px;border:1px solid var(--linie,#d8d3c6);background:#fff;color:var(--ink)}
.feldsuche input[type=search]:focus{outline:none;border-color:var(--ink-head);box-shadow:0 0 0 2px var(--gelb,#f5c518)}
.feldsuche-treffer{position:absolute;z-index:40;left:0;right:0;top:100%;background:#fff;border:1px solid var(--linie,#d8d3c6);border-top:none;box-shadow:0 6px 18px rgba(0,0,0,.09);max-height:320px;overflow:auto}
.feldsuche-zeile{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;padding:8px 12px;border:none;background:none;font:inherit;font-size:13.5px;cursor:pointer;color:var(--ink)}
.feldsuche-zeile:hover,.feldsuche-zeile.aktiv{background:var(--achtung-bg,#fff7d6)}
.feldsuche-zeile .wert{color:var(--ink-muted);font-size:12.5px}
.feldsuche-zeile .wo{margin-left:auto;color:var(--ink-muted);font-size:12px;white-space:nowrap}
.feld.gefunden{outline:2px solid var(--gelb,#f5c518);outline-offset:2px;transition:outline-color .8s ease}

/* Sicher erkanntes Feld: kein Haken-Paar mehr, nur ein stiller Hinweis (Kevin, 16.09.2026: „Geprüft" bestätigt es bereits) */
.feld-check-erledigt{margin-left:6px;color:var(--ok,#2e7d32);font-size:13px;line-height:1;vertical-align:middle}
/* Korrekturliste, Status „kein Fehler" (Kevin, 16.09.2026): kein Erfolg wie erledigt, nur neutral abgehakt. */
.feld-check-verworfen{margin-left:6px;color:var(--ink-muted,#72706F);font-size:13px;line-height:1;vertical-align:middle}

/* Feste Eingabebreiten als Klassen: die CSP (style-src 'self') verwirft style-Attribute im Markup (18.09.2026). */
input.b48,.editor input.b48,.feld input.b48{width:48px}
input.b92,.editor-tab input.b92,.feld input.b92{width:92px}
input.b96,.editor input.b96,.feld input.b96{width:96px}

/* Team-Zugang: Bereiche je Person (REGELN § 17, H17) */
.bereiche-wahl { border: 0; padding: 0; margin: 8px 0; display: flex; gap: 16px; align-items: center; }
.bereiche-wahl legend { font-weight: 600; margin-right: 8px; float: left; }
.bereiche-wahl label { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; margin: 0; }
.bereiche-wahl input[type="checkbox"] { width: auto; margin: 0; }
.bereich-haken { white-space: nowrap; margin-right: 10px; }
/* Teams-Rückfragen (30.09.2026) */
.rueckfragen{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}
.rueckfrage{padding:10px 16px;background:var(--gelb-bg,#fdf6d8);border-left:4px solid var(--gelb);font-size:13px}
.rueckfrage.beantwortet{background:var(--ok-bg);border-left-color:var(--ok)}
.rueckfrage.geschlossen{background:var(--papier-2);border-left-color:var(--linie-stark)}
.rueckfrage-frage{margin:4px 0 6px;white-space:pre-wrap}
.rueckfrage ul{margin:4px 0 0;padding-left:18px}
.rueckfrage li{margin:2px 0}
.rueckfrage .antwort{display:block;white-space:pre-wrap;margin:2px 0 0;padding-left:8px;border-left:2px solid var(--linie-stark)}
.rueckfrage-knoepfe{margin-top:6px;display:flex;gap:12px;flex-wrap:wrap}
.rf-personen{max-height:260px;overflow:auto;border:1px solid var(--linie);border-radius:var(--radius);padding:6px 10px;margin:6px 0 10px}
.rf-personen label{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:13.5px}
.rf-personen label[hidden]{display:none}
.rf-feld{width:100%;box-sizing:border-box;margin:4px 0 8px;padding:7px 9px;font:inherit;border:1px solid var(--linie-stark);border-radius:var(--radius)}
.rf-gewaehlt{font-size:12.5px;color:var(--ink-2,#555);min-height:1.2em}