/* Design C „Klar & Hell“ – Bento-Kacheln, viel Luft, dunkle Fokus-Kachel.
   Liegt über styles.css; zum Zurückschalten nur den <link> auf theme-c.css in index.html entfernen. */
:root{
  --font:"Manrope",-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;
  --bg:#fbfbfa; --card:#fff; --text:#1d1d1f; --muted:#8a8f84; --muted-2:#6c7166;
  --line:#efefec; --fill:#f0f1ed; --fill-2:#e6e8e2;
  --accent:#6fa22f; --accent-dark:#3f6c17; --accent-soft:#eef5e4;
  --ink:#1d1d1f; --tile-border:#f0f0ec;
  --radius:22px; --radius-sm:12px;
  --shadow:0 1px 2px rgba(0,0,0,.03);
  --shadow-lg:0 24px 60px rgba(20,24,16,.16),0 2px 8px rgba(0,0,0,.06);
}
body{background:var(--bg);font-feature-settings:"ss01","tnum" 0;letter-spacing:-.005em}
h1{font-size:30px;font-weight:800;letter-spacing:-.03em}
.page-head .sub,.page-head .crumb{color:var(--muted)}

/* Kopfleiste & Seitenleiste */
.topbar{background:rgba(251,251,250,.82);border-bottom:1px solid var(--line)}
.search{background:var(--fill);border-radius:999px}
.sidebar{background:#fff;border-right:1px solid var(--line)}
.nav a{border-radius:11px;padding:8px 11px;color:#3a3d36}
.nav a b{font-weight:600}
.nav a i.ic{color:#9aa08f}
.nav a:hover{background:#f5f6f2}
.nav a.active{background:var(--accent-soft);color:var(--accent-dark)}
.nav a.active b{font-weight:800}
.nav a.active i.ic{color:var(--accent)}
.nav-grp.has-active:not(.open) .grp-head{background:var(--accent-soft);color:var(--accent-dark)}

/* Kacheln */
.panel,.kpi,.site-card,.money a,.glance a,.fz-card,.tabcard{border-radius:var(--radius);border:1px solid var(--tile-border);box-shadow:var(--shadow)}
.panel{padding:20px 22px}
.panel h3{font-weight:800;letter-spacing:-.02em}
.kpi .k,.money span,.glance span{font-weight:600;color:var(--muted)}
.kpi .v{font-weight:800;letter-spacing:-.03em;font-size:28px}
.kpis{gap:12px}

/* Knöpfe & Reiter: Auswahl = schwarz, Hauptaktion = grün */
.btn{background:var(--accent);font-weight:700}
.btn:hover{background:#5f8f26}
.ghost{background:var(--fill);font-weight:600}
.ghost:hover{background:var(--fill-2)}
.tabs{background:none;padding:0;gap:6px}
.tabs a{background:var(--fill);border-radius:999px;padding:7px 14px;font-weight:600;font-size:12.5px}
.tabs a:hover{background:var(--fill-2)}
.tabs a.on{background:var(--ink);color:#fff;box-shadow:none}
.person-bar a{font-weight:600}
.person-bar a.on{background:var(--ink);color:#fff}

/* Formulare & Dialoge */
.fld input,.fld select,.fld textarea,input.num,.split-row input,.split-row select{border-radius:12px}
.modal-box{border-radius:26px}
.modal-box h3{font-weight:800;letter-spacing:-.025em}

/* Tabellen */
.tbl th{font-weight:600;color:var(--muted);text-transform:none}
.tbl tr.click:hover td{background:#f7f8f4}

/* ---------- Startseite als Bento ---------- */
.dash-a{max-width:1180px;gap:14px}
.bento-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;align-items:stretch}
.focus-tile{background:var(--ink);color:#fff;border-radius:24px;padding:18px 20px 12px;display:flex;flex-direction:column;min-width:0}
.focus-tile .today-hero{background:none!important;color:#fff!important;padding:0 0 10px;font-size:14px;border-radius:0}
.focus-tile .today-hero i{color:#a5d96b}
.focus-tile .today-hero.warn i{color:#ff8f80}
.focus-tile .today-hero b{font-weight:800}
.focus-tile .today-hero a{color:#cfd3ca}
.focus-tile .today-list{background:none;border:0;box-shadow:none;padding:0;margin:0}
.focus-tile .todo{border-top:1px solid #2c2c2e;padding:10px 0}
.focus-tile .todo:first-child{border-top:1px solid #2c2c2e}
.focus-tile .todo-txt b{color:#fff;font-weight:600}
.focus-tile .todo-txt span{color:#a3a39f}
.focus-tile .todo-ic{border-radius:9px}
.focus-tile .todo-ic.red{background:#3d1d1b;color:#ff8f80}
.focus-tile .todo-ic.amber{background:#3a2e12;color:#ffc457}
.focus-tile .todo-ic.blue{background:#1c2a3d;color:#8cb8f5}
.focus-tile .todo-ic.green{background:#22331a;color:#a5d96b}
.focus-tile .todo-ic.brown{background:#33241c;color:#e3a982}
.focus-tile .ghost{background:#2c2c2e;color:#fff}
.focus-tile .ghost:hover{background:#3a3a3d}
.focus-tile .pchip{background:#22331a;color:#a5d96b}
.focus-tile .today-more{align-self:flex-start}

.bento-top .money{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,auto);align-content:start}
.bento-top .money .money-main{grid-column:1/-1;background:var(--accent-soft);border:0}
.money .money-main b{font-size:38px;font-weight:800;letter-spacing:-.03em;color:#2f5a10}
.money b{font-weight:800;letter-spacing:-.02em}
.money .money-list{border-top-color:rgba(47,90,16,.12)}

.dash-h{font-weight:800;letter-spacing:-.02em}
.site-card{padding:16px 18px}
.site-card .sc-head b{font-weight:800}
.glance b{font-weight:800}
.ctrl{border-radius:18px}
.today-hero.ok{background:var(--accent-soft)}

/* Ablauf-Board */
.kol{background:#f3f4f0;border-radius:20px}
.kk{border-radius:14px}
.kk-top b{font-weight:800}

@media (max-width:980px){.bento-top{grid-template-columns:1fr}}

/* Ablauf: 4 Phasen nebeneinander statt 8 Spalten zum Scrollen */
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:12px}
.kol{flex:none;max-height:none;min-width:0}
.kol header{flex-direction:row;align-items:center;justify-content:space-between}
.kol-body{overflow:visible;gap:12px;padding:2px 10px 12px}
.teil{display:flex;flex-direction:column;gap:7px;border-radius:14px;padding:4px;transition:background .15s,opacity .2s}
.teil + .teil{border-top:1px dashed rgba(0,0,0,.1);padding-top:12px;border-radius:0}
.teil.over{background:rgba(111,162,47,.1);border-radius:14px}
.teil.dim{opacity:.4}
.teil-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 2px}
.teil-l{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2)}
.teil-h .kol-owner{margin-left:auto;font-size:12px;padding:1px 9px 1px 1px}
.teil-h .kk-av{width:20px;height:20px;font-size:9.5px}
.teil-body{display:flex;flex-direction:column;gap:7px}
.kol-leer{padding:10px 8px;font-size:12px}
.kk-foot{flex-wrap:wrap}
@media (max-width:1100px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.board{grid-template-columns:1fr}}
.kol.single .teil-l,.kol.single .teil-h .kol-n{display:none}

/* Fokus-Kachel hell statt schwarz */
.focus-tile{background:#fff;color:var(--text);border:1px solid var(--tile-border);box-shadow:var(--shadow)}
.focus-tile .today-hero{color:var(--text)!important;font-size:15px;padding-bottom:12px}
.focus-tile .today-hero i{color:var(--accent)}
.focus-tile .today-hero.warn i{color:#d9822b}
.focus-tile .today-hero a{color:var(--muted)}
.focus-tile .todo,.focus-tile .todo:first-child{border-top:1px solid var(--line)}
.focus-tile .todo-txt b{color:var(--text)}
.focus-tile .todo-txt span{color:var(--muted)}
.focus-tile .todo-ic.red{background:#fdeeee;color:#c42b30}
.focus-tile .todo-ic.amber{background:#fff4e0;color:#a5650a}
.focus-tile .todo-ic.blue{background:#e8f0fb;color:#1f63c4}
.focus-tile .todo-ic.green{background:var(--accent-soft);color:var(--accent-dark)}
.focus-tile .todo-ic.brown{background:#f6ece6;color:#8a3b17}
.focus-tile .ghost{background:var(--fill);color:var(--text)}
.focus-tile .ghost:hover{background:var(--fill-2)}
.focus-tile .pchip{background:var(--accent-soft);color:var(--accent-dark)}

/* Ruhige Startseite */
.calm{max-width:1040px;display:flex;flex-direction:column;gap:16px}
.calm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:4px}
.calm-head small{color:var(--muted);font-weight:600;font-size:13px}.calm-head h1{margin:2px 0 0}
.calm-people{display:flex;gap:4px;background:var(--fill);border-radius:999px;padding:3px}
.calm-people a{padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--muted-2);cursor:pointer}
.calm-people a.on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.calm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.calm-card{background:#fff;border:1px solid var(--tile-border);border-radius:22px;padding:18px 20px}
.calm-card h2{font-size:16px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.calm-n{font-size:12px;background:var(--fill);border-radius:999px;padding:1px 9px;color:var(--muted-2)}.calm-n.bad{background:#fdeeee;color:#c42b30}
.calm-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:10px}
.calm-row:first-of-type{border-top:0}
.calm-row:hover{background:#f7f8f4;opacity:1}
.calm-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#c7cbc0}
.calm-dot.red{background:#e5484d}.calm-dot.amber{background:#f0a224}.calm-dot.blue{background:#5b8fd9}.calm-dot.green{background:var(--accent)}.calm-dot.brown{background:#b0784f}
.calm-t{flex:1;min-width:0;display:flex;flex-direction:column}.calm-t b{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calm-t small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calm-who{font-size:12px;font-weight:700;color:var(--muted-2)}
.calm-go{font-size:11px;color:#c3c7bc}
.calm-more,.calm-link{font-size:12.5px;font-weight:700;color:var(--accent-dark);cursor:pointer;display:inline-block;margin-top:8px}
.calm-link{margin:0 0 0 auto}
.calm-empty{color:var(--muted);font-size:13.5px;padding:8px 0}.calm-empty i{color:var(--accent)}
.calm-money .calm-m{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 10px;padding:12px 0;border-top:1px solid var(--line);color:var(--text)}
.calm-money h2+.calm-m{border-top:0}
.calm-m span{font-size:13px;color:var(--muted-2);font-weight:600}.calm-m b{font-size:20px;font-weight:800;letter-spacing:-.02em;text-align:right}
.calm-m small{grid-column:2;text-align:right;font-size:11.5px;color:var(--muted)}.calm-m small.bad{color:#c42b30;font-weight:700}
.calm-m:hover{opacity:1}.calm-m:hover b{color:var(--accent-dark)}
.calm-site{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1fr) 120px;gap:12px;align-items:center;padding:10px 4px;border-top:1px solid var(--line);color:var(--text);font-size:13.5px;border-radius:10px}
.calm-card h2+.calm-site{border-top:0}
.calm-site:hover{background:#f7f8f4;opacity:1}
.calm-site b{font-weight:700}.calm-site span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calm-team{color:var(--text)!important}
.calm-bar{height:6px;background:var(--fill);border-radius:3px;overflow:hidden}.calm-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}.calm-bar i.over{background:#e5484d}
@media (max-width:860px){.calm-grid{grid-template-columns:1fr}.calm-site{grid-template-columns:1fr 1fr}}

/* Startseite oben kompakter */
.calm{gap:12px}
.calm-head h1{font-size:24px}
.calm-head small{font-size:12px}
.calm-card{padding:14px 18px}
.calm-card h2{font-size:14.5px;margin-bottom:4px}
.calm-row{padding:6px 4px;gap:10px}
.calm-t{flex-direction:row;align-items:baseline;gap:8px}
.calm-t b{font-size:13.5px;flex:none;max-width:60%}
.calm-t small{font-size:12px}
.calm-more{margin-top:4px}
.calm-money .calm-m{padding:8px 0}
.calm-m b{font-size:17px}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:800px){.kpis.k3{grid-template-columns:1fr}}

.fz-urow{display:grid;grid-template-columns:18px minmax(0,1fr) 150px 80px 28px;gap:8px;align-items:center;padding:5px 0;border-top:1px solid var(--line);font-size:13px}
.fz-urow:first-child{border-top:0}.fz-urow>i{color:var(--accent);text-align:center}
.fz-urow a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.fz-urow select{font-size:12px;padding:4px 6px}
@media (max-width:700px){.fz-urow{grid-template-columns:18px 1fr 28px}.fz-urow select,.fz-urow .sub{display:none}}

/* Maschinen-Standort & QR */
.fz-wo{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}
.fz-wo .panel{margin:0}
.fz-qr{display:flex;gap:12px;align-items:center;background:var(--fill);border-radius:12px;padding:10px}
.fz-qr-img{width:72px;height:72px;background:#fff;padding:5px;border-radius:8px;flex:none}.fz-qr-img svg{width:100%;height:100%;display:block}
.fz-qr .sub{font-size:11px;word-break:break-all}
.etiketten{display:grid;grid-template-columns:repeat(auto-fill,50mm);gap:4mm}
.etikett{width:50mm;height:50mm;border:1px dashed #c9cdc2;border-radius:3mm;padding:3mm;display:flex;flex-direction:column;align-items:center;background:#fff;color:#000;break-inside:avoid;overflow:hidden}
.et-qr{width:30mm;height:30mm}.et-qr svg{width:100%;height:100%;display:block}
.et-txt{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.15;margin-top:1.5mm;width:100%}
.et-txt b{font-size:8.5pt;font-weight:800;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.etikett.lang .et-qr{width:26mm;height:26mm}.etikett.lang .et-txt{margin-top:1mm}.etikett.lang .et-txt b{font-size:7.5pt;line-height:1.1}
/* Checkliste zum Aufkleben */
.et-liste-titel{font-size:18px;margin:0 0 10px}.et-liste-titel span{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}
.et-liste{width:100%;border-collapse:collapse;font-size:13px;background:var(--card,#fff)}
.et-liste th,.et-liste td{border:1px solid #c9cdc2;padding:6px 8px;text-align:left;vertical-align:middle}
.et-liste th{background:#e3efd3;color:#1c1c1e;font-size:12px}.et-liste td:nth-child(8){min-width:120px}
.et-box{display:inline-block;width:14px;height:14px;border:1.5px solid #333;border-radius:2px}
@media print{.et-liste-seite{padding:10mm}.et-liste{font-size:10pt;color:#000;background:#fff}.et-liste tr{break-inside:avoid}.et-liste-titel span{color:#555}}
.et-txt span{font-size:7.5pt}.et-txt small{font-size:6.5pt;color:#555}.et-txt em{font-size:5.5pt;color:#555;font-style:normal;margin-top:.5mm;white-space:nowrap}
@media print{
  .etiketten{gap:3mm}
  .etikett{border:0.2mm solid #999}
  main{padding:0!important}
}

/* Etiketten: Material-Kasten */
.et-mat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.et-mat-grid>div{display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.et-mat-grid a{font-weight:600}
@media (max-width:900px){.et-mat-grid{grid-template-columns:1fr}}

/* Etiketten-Druck: Kontrollmaß, weißer Hintergrund, eckige Schnittkanten */
.et-check{display:flex;align-items:center;gap:4mm;font-size:12px;color:var(--muted-2);margin:0 0 4mm}
.et-ruler{display:block;width:50mm;height:3mm;flex:none;border:0.3mm solid #000;border-top:0;background:repeating-linear-gradient(90deg,#000 0 0.3mm,transparent 0.3mm 10mm)}
@media print{
  html,body,.layout,main,#main{background:#fff!important}
  .etikett{border-radius:0}
  .et-check{color:#333;font-size:8pt;margin-bottom:3mm}
}

/* Kontrollmaß als echte Linie (Hintergründe druckt der Browser nicht), Kopf-/Fußzeile des Browsers per Rand 0 unterdrücken */
.et-ruler{background:none!important;border:0!important;width:50mm;height:4mm}
/* nur die Etiketten-Seite: eigener Druckbogen ohne Rand → Browser-Kopf-/Fußzeile fällt weg; Angebote/Rechnungen behalten ihre Ränder */


/* Fuhrpark-Gruppen */
.fz-gk{grid-column:1/-1;margin:10px 2px -2px;font-size:13px;font-weight:800;color:var(--muted-2);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.04em}
.fz-gk i{color:var(--accent)}.fz-gk span{font-weight:700;background:var(--fill);border-radius:999px;padding:0 8px;font-size:11.5px}
.fz-gk:first-child{margin-top:0}

/* Aufgaben-Board */
.tb{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;align-items:start}
.tb-col{background:#f3f4f0;border-radius:18px;padding:10px;transition:box-shadow .15s}.tb-col.over{box-shadow:0 0 0 2px var(--accent) inset}
.tb-col.frei{background:#fff4e8}
.tb-col header{display:flex;align-items:center;gap:8px;padding:4px 4px 10px}.tb-col header b{flex:1;font-size:14px}.tb-col header i{color:var(--muted-2)}
.tb-body{display:flex;flex-direction:column;gap:7px}
.tb-card{background:#fff;border-radius:12px;padding:10px 11px;display:flex;gap:9px;align-items:flex-start;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.tb-card:hover{box-shadow:0 0 0 1px var(--accent),0 4px 12px rgba(0,0,0,.06)}.tb-card.late{box-shadow:0 0 0 1.5px #e5484d}
.tb-card.done b{text-decoration:line-through;color:var(--muted)}
.tb-card b{display:block;font-size:13.5px;font-weight:700;line-height:1.3}.tb-card span{display:flex;flex-wrap:wrap;gap:6px;font-size:11.5px;color:var(--muted);margin-top:3px}.tb-card em{font-style:normal}
.tb-check input{width:17px;height:17px;margin-top:1px;accent-color:var(--accent)}

/* Aufgaben-Board: eine Reihe, nach rechts scrollen; Priorität */
.tb{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:12px;scroll-snap-type:x proximity}
.tb-col{flex:0 0 272px;scroll-snap-align:start;max-height:calc(100vh - 250px);display:flex;flex-direction:column}
.tb-body{overflow-y:auto}
.tb-prio{border:0;flex:none;width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;font-size:11px;cursor:pointer;margin-top:-1px}
.tb-prio.r{background:#fdeeee;color:#c42b30}.tb-prio.y{background:#fff4e0;color:#a5650a}.tb-prio.n{background:var(--fill);color:var(--muted)}

/* Erklärvideos */
.vd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.vd-card{background:var(--panel,#fff);border:1px solid var(--line,#e7e9e2);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;color:inherit;text-decoration:none}
.vd-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.07)}
.vd-bild{position:relative;aspect-ratio:16/9;background:#2b3326;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vd-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vd-bild i{position:relative;font-size:34px;color:#fff;opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.vd-txt{padding:10px 13px 13px;display:flex;flex-direction:column;gap:3px}.vd-txt span{font-size:12.5px;color:var(--muted)}.vd-txt small{font-size:12.5px;color:var(--ink,#333);opacity:.8}
.vd-film{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin-bottom:14px}
.vd-film iframe,.vd-film video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Etiketten: feste A4-Bögen (210 × 297 mm, 3 × 5 Etiketten 50 mm + 4 mm Abstand), Ränder ≥ 13 mm → kein Drucker schneidet ab */
.et-bogen{width:210mm;height:297mm;padding:17mm 0 0 26mm;background:#fff;margin:0 0 8mm;box-shadow:0 2px 12px rgba(0,0,0,.12);overflow:hidden;position:relative}
.et-bogen .et-check{position:absolute;top:6mm;left:26mm;right:20mm;margin:0;font-size:7.5pt;color:#555}
.et-bogen .etiketten{grid-template-columns:repeat(3,50mm);grid-auto-rows:50mm;gap:4mm}
@media print{
  .et-bogen{margin:0;box-shadow:none;break-after:page;page-break-after:always}
  .et-bogen:last-child{break-after:auto;page-break-after:auto}
  .et-bogen .etiketten{gap:4mm}
}

/* Pflege & Wartung (Routinen) im Fahrzeug-Formular */
.pf-row{display:grid;grid-template-columns:14px 1fr auto auto 28px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line,#eee)}
.pf-row:first-child{border-top:0}.pf-row .pf-anl{grid-column:2/5}.pf-row .pf-zul{grid-column:2/6;margin-top:-4px}
.pf-nb{display:flex;gap:5px;align-items:center;font-size:12.5px;color:var(--muted);white-space:nowrap}

/* Dokumente-Liste (13.11.): eine Zeile pro Dokument, Farbe je Art, Sortieren + Filter */
.st-Neu{background:#fde8e8;color:#c42b30;font-weight:700}
.st-Neu::before{content:"";width:6px;height:6px;border-radius:50%;background:#e0383e}
.dz-leiste{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.dz-suche{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;min-width:280px;flex:0 1 360px}
.dz-suche i{color:var(--muted);font-size:13px}
.dz-suche input{border:0;outline:0;background:none;font:inherit;font-size:13.5px;width:100%;padding:0}
.dz-leiste select{border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fff;font:inherit;font-size:13.5px}
.dz-chips{display:inline-flex;gap:2px;background:var(--fill-2);padding:3px;border-radius:999px}
.dz-chips a{padding:5px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted-2);cursor:pointer}
.dz-chips a.on{background:#fff;color:var(--accent-dark);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.dz-anz{margin-left:auto;color:var(--muted);font-size:13px}
.dz-sort{cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:inherit}
.dz-sort i{font-size:10px;opacity:.35}
.dz-sort.on{color:var(--accent-dark)}.dz-sort.on i{opacity:1}
.dok-liste .tbl td{white-space:nowrap;padding:9px 8px}
.dok-liste .tbl tbody tr:nth-child(even) td{background:#fcfcfa}
.dz-nrc{font-variant-numeric:tabular-nums}
.dz-leer{color:#b3b7ad;font-size:13px}
.dz-wer{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.dz-proj{max-width:200px;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
.dz-nr{display:inline-block;font-size:11px;font-weight:700;color:var(--accent-dark);background:var(--accent-soft);border-radius:6px;padding:1px 6px;margin-right:6px}
.dz-art{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13px;padding:3px 10px 3px 4px;border-radius:999px}
.dz-art i{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
.dz-a{background:#fff4e0;color:#94580a}.dz-a i{background:#e8960f}
.dz-b{background:#e3f4f1;color:#16766a}.dz-b i{background:#22a291}
.dz-r{background:#efe9fb;color:#5b35a8}.dz-r i{background:#7b52d1}
.dz-g{background:#fce8f1;color:#a3306b}.dz-g i{background:#d4508f}
.dz-e{background:#fff0e6;color:#a8471a}.dz-e i{background:#e8692e}
.dz-l{background:#e6f0fd;color:#1f5bb0}.dz-l i{background:#3b7fe0}
.dz-s{background:var(--fill);color:var(--muted-2)}.dz-s i{background:#9aa08f}
.dz-pfad{display:inline-flex;align-items:center;gap:6px;max-width:250px;font-size:12.5px;color:var(--muted-2);cursor:copy}
.dz-pfad i{color:#e8b23a}
.dz-pfad b{font-weight:700;color:#3a3d36}
.dz-pfad span{overflow:hidden;text-overflow:ellipsis}
.dz-pfad:hover span{text-decoration:underline}
.dz-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-weight:600;font-size:12.5px;cursor:pointer}
.dz-btn:hover{background:#e1eed0;opacity:1}
@media (max-width:1350px){.dz-wer{max-width:130px}.dz-proj{max-width:150px}.dz-pfad{max-width:150px}.dz-pfad b{display:none}}
.dok-liste td.dz-abl{max-width:0;width:22%;overflow:hidden;text-overflow:ellipsis}
.dok-liste td.dz-abl .dz-pfad{max-width:100%}

/* Pastell statt bunt (13.11.): beige, mint, rosé, salbei – gedeckt */
.dz-art i{color:#fff;font-size:10.5px}
.dz-a{background:#f4eee4;color:#7a6448}.dz-a i{background:#c8b392}
.dz-b{background:#e5f1ea;color:#4d7660}.dz-b i{background:#94c0a6}
.dz-r{background:#e8ecf1;color:#4f6276}.dz-r i{background:#a3b3c4}
.dz-g{background:#f5e8e6;color:#8a5c57}.dz-g i{background:#d3a8a2}
.dz-e{background:#f6ece2;color:#86603f}.dz-e i{background:#d6b292}
.dz-l{background:#eaefe3;color:#5b6d49}.dz-l i{background:#aabc95}
.dz-s{background:#f0f0ec;color:#6c7166}.dz-s i{background:#b5b9ae}
.st-Neu{background:#f6e2df;color:#a8483f}.st-Neu::before{background:#c76b62}
.dok-liste .st{background:#f0f0ec;color:#6c7166}
.dok-liste .st-Bezahlt,.dok-liste .st-Angenommen,.dok-liste .st-Abgeschlossen{background:#e5f1ea;color:#4d7660}
.dok-liste .st-Versendet,.dok-liste .st-Offen,.dok-liste .st-Verschickt{background:#f4eee4;color:#7a6448}
.dok-liste .st-Storniert,.dok-liste .st-Abgelehnt,.dok-liste .st-Überfällig,.dok-liste .st-Neu{background:#f6e2df;color:#a8483f}
.dz-pfad i{color:#d2bb8f}
.dz-nr{background:#eef2e8;color:#5b6d49}
.dok-liste .tbl tbody tr:nth-child(even) td{background:#fcfbf8}

/* 6 klar unterscheidbare Pastelltöne je Art + Status nur als Punkt (13.11. spät) */
.dz-a{background:#f3ede3;color:#76603f}.dz-a i{background:#c4ad8a}
.dz-b{background:#e2f2ec;color:#3f7a66}.dz-b i{background:#86c4ad}
.dz-r{background:#ecebf6;color:#5e5a88}.dz-r i{background:#aaa5d2}
.dz-g{background:#f7e6e9;color:#8f5662}.dz-g i{background:#dba4b0}
.dz-e{background:#fbe9dc;color:#985a33}.dz-e i{background:#e9b08a}
.dz-l{background:#e3eef7;color:#44698a}.dz-l i{background:#9cbedb}
.dok-liste .st{background:none !important;padding:2px 0;color:#6c7166;font-weight:600}
.dok-liste .st::before{content:"";width:7px;height:7px;border-radius:50%;background:#c9ccc3;margin-right:2px}
.dok-liste .st-Bezahlt::before,.dok-liste .st-Angenommen::before{background:#7fb79a}
.dok-liste .st-Bezahlt,.dok-liste .st-Angenommen{color:#4d7660}
.dok-liste .st-Versendet::before,.dok-liste .st-Offen::before{background:#d9b26f}
.dok-liste .st-Neu,.dok-liste .st-Überfällig,.dok-liste .st-Storniert,.dok-liste .st-Abgelehnt{color:#b04a42}
.dok-liste .st-Neu::before,.dok-liste .st-Überfällig::before,.dok-liste .st-Storniert::before,.dok-liste .st-Abgelehnt::before{background:#d0675e}
.dz-btn{background:#f0f0ec;color:#55584f}.dz-btn:hover{background:#e6e7e1}

/* Art nur als Symbol (13.11. spät): kein Etikett, Text normal, Symbol gedeckt */
.dz-art{background:none !important;padding:0;gap:9px;font-weight:500;color:var(--text) !important}
.dz-art i{background:none !important;width:16px;height:auto;font-size:14px}
.dz-a i{color:#b89a6a}.dz-b i{color:#6fa58b}.dz-r i{color:#7f95aa}
.dz-g i{color:#c98f98}.dz-e i{color:#c99a72}.dz-l i{color:#8ea476}.dz-s i{color:#a5a99e}
.dz-leiste select{appearance:none;-webkit-appearance:none;padding:7px 34px 7px 14px;cursor:pointer;color:var(--text);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238a8f84' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center}
.dz-leiste select:hover{border-color:#dcddd6}
.dz-nr{background:none;color:var(--muted);font-weight:600;padding:0;margin-right:6px;font-size:12px}