/* Ergänzungen des Einkaufsautomaten – alle Grundklassen kommen aus style.css des Rechnungsautomaten. */
.kopf nav a{padding:8px 8px;font-size:12.5px}
@media (max-width:1600px){.marke span{display:none}.kopf{gap:14px}}
.vorgang .form,.detail .form{grid-template-columns:repeat(3,1fr)}
.cockpit{padding:18px 22px 30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cockpit .voll{grid-column:1/-1}
.start{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.start .k{padding:9px 16px;font-size:14px}
.test{display:inline-block;background:#FFF3D6;color:#8A6500;border:1px solid #EBCF83;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;margin-left:8px}
.ampelliste{list-style:none;margin:0;padding:0}
.ampelliste li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px dotted var(--linie2);font-size:13px}
.ampelliste li a{font-weight:700;text-decoration:none}
.ampelliste li span.t{color:var(--leise)}
.tab td.nr{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.tab td .sub{display:block;font-size:12px;color:var(--leise)}
.tab tbody tr.vorschlag td{background:#FFFBF0}
.tab tbody tr.reserviert td{background:#F3F6FB}
.detail{display:grid;grid-template-columns:minmax(520px,46%) 1fr;height:calc(100vh - var(--kopf) - var(--fuss))}
.detail .links{overflow:auto;padding:16px 18px 60px}
.detail .rechts{overflow:auto;padding:16px 18px;background:var(--grund);border-left:1px solid var(--linie2)}
.mailtext{white-space:pre-wrap;font:12.5px/1.45 Consolas,"Courier New",monospace;background:#fff;border:1px solid var(--linie);border-radius:8px;padding:10px;max-height:60vh;overflow:auto}
.form.post{grid-template-columns:repeat(3,1fr)}
.warumk{font-size:12.5px;color:var(--leise)}
.warumk li{margin:2px 0}
.cluster h2{display:flex;justify-content:space-between;align-items:center}
.cluster .faelle{display:grid;gap:8px}
.frage{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:start;border-left:4px solid var(--gelb);background:#fff;padding:8px 12px;border-radius:0 8px 8px 0}
.frage .bez{font-size:12px;color:var(--leise)}
.frage .knoepfe{justify-content:flex-end}
.frage label.hk{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--leise)}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 22px}
.spalte{background:#EEF1F6;border-radius:12px;padding:10px;min-height:300px}
.spalte h2{font-size:12px;font-weight:800;color:var(--dunkelblau);text-transform:uppercase;letter-spacing:.05em;margin:4px 6px 10px}
.aufg{background:#fff;border-radius:8px;padding:9px 11px;margin-bottom:8px;box-shadow:0 2px 8px rgba(36,73,130,.08);font-size:13px;cursor:pointer}
.aufg b{display:block}
.aufg .m{font-size:11.5px;color:var(--leise);display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.aufg select{font-size:12px;padding:2px 4px;border:1px solid var(--linie2);border-radius:4px}
.brief{padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.brief .voll{grid-column:1/-1}
.reiterk{margin:0 0 12px}
.pos input.txt{text-align:left}
.pos td.z{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.krit{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;margin:6px 0}
.krit label{display:flex;gap:6px;align-items:center;font-size:13px}
.var{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.var .sp-v{white-space:pre-wrap;font-size:12.5px;max-height:320px;overflow:auto}
.var .sp-v h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--dunkelblau)}
.entw textarea{width:100%;min-height:220px}
.entw input{width:100%}
.entw .zeile{display:grid;grid-template-columns:90px 1fr;gap:6px 10px;align-items:center;margin:4px 0;font-size:13px}
.daumen{display:inline-flex;gap:4px;margin-left:8px}
.daumen button{border:1px solid var(--linie2);background:#fff;border-radius:6px;padding:2px 8px;cursor:pointer}
.sop ul{list-style:none;margin:0;padding:0}
.sop li{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:3px 0}
.sop li.erl{color:var(--leise);text-decoration:line-through}
.regel td{vertical-align:top;font-size:13px}
.regel input,.regel select,.regel textarea{font-size:12.5px;padding:3px 5px;border:1px solid var(--linie2);border-radius:4px;width:100%}
.hinweisbox{font-size:12.5px;color:var(--leise);margin:8px 0}
.tipp{font-size:12px;color:var(--leise);margin-top:6px}
.sprachtext{display:flex;gap:6px;margin:8px 0}
.sprachtext input{flex:1;padding:6px 8px;border:1px solid var(--linie2);border-radius:6px}
.kennzahlen div.rot{border-top-color:var(--rot)} .kennzahlen div.gelb{border-top-color:var(--gelb)} .kennzahlen div.gruen{border-top-color:var(--gruen)}
@media (max-width:1100px){.cockpit,.brief{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr;height:auto}.form.post{grid-template-columns:1fr 1fr}}
@media (max-width:1500px){.kopf .logo{display:none}}

/* ---- Posteingangautomat M0: Menü „Einkauf (Übergabe, später)“, Cockpit-Zähler, Label-Knöpfe */
nav details.einkaufmenue{display:inline-block;position:relative;margin-left:2px}
nav details.einkaufmenue summary{cursor:pointer;opacity:.75;font-size:12.5px;font-weight:600;list-style:none;padding:8px 12px;border-radius:999px;white-space:nowrap;color:#fff}
nav details.einkaufmenue summary::-webkit-details-marker{display:none}
nav details.einkaufmenue[open] summary,nav details.einkaufmenue summary:hover{opacity:1;background:rgba(255,255,255,.14)}
nav details.einkaufmenue .menue{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(36,73,130,.25);padding:6px;min-width:200px;z-index:40}
nav details.einkaufmenue .menue a{display:block;padding:8px 12px;color:var(--text);opacity:1;border-radius:8px;font-size:13px}
nav details.einkaufmenue .menue a:hover{background:var(--hell);color:var(--blau)}
nav details.einkaufmenue .menue a.aktiv{background:var(--blau);color:#fff}
.ampel-zeile{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:6px 0}
.ampel-zeile .marke-b{font-size:.95em}
.labelk{display:inline-flex;gap:4px}
.labelk button{font-size:.82em;padding:2px 6px}
.quellen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.quellen div{border:1px solid #d9dee6;border-radius:6px;padding:6px 8px;font-size:.88em}
.quellen b{display:block}
.ausgenommen{opacity:.55;font-style:italic}