/* =====================================================================
   Aufmaß V4 — Lagerliste / Kommissionierung (ENTWURF)
   Ergänzt print.css; nutzt dieselbe p-*-Formensprache.
   ===================================================================== */

/* Kennzahlen-Leiste — schlanker als auf dem Kalkulationsblatt (Platz für die Liste) */
.lg-stats.p-kstats { margin-top: 11px; gap: 9px; }
.lg-stats .p-kstat { padding: 6px 10px 5px; }
.lg-stats .p-kstat .v { font-size: 16px; }
.lg-stats .p-kstat .l { font-size: 8.5px; margin-top: 2px; }

/* Abhak-Kästchen */
/* display:inline-block ist Pflicht — in der Zuschnitt-TABELLE steckt das Kästchen
   in keinem Flex-Container, als inline-Element hätte es weder Breite noch Höhe. */
.lg-box { display: inline-block; flex: none; width: 13px; height: 13px; border: 1.6px solid #A11C1C; border-radius: 3px; background: #fff; }

/* 3 Spalten — die Checkliste muss auf EINE Seite.
   column-count statt grid: packt die Karten lückenlos (grid würde jede Zeile
   auf die Höhe der höchsten Karte aufziehen und ~30 % Papier verschenken). */
.lg-cols { column-count: 3; column-gap: 16px; margin-top: 12px; }
.lg-sec { break-inside: avoid; page-break-inside: avoid; margin-bottom: 9px; width: 100%; }
.lg-rows { margin-top: 3px; }

.lg-row { display: flex; align-items: baseline; gap: 7px; padding: 2.5px 0; border-bottom: 1px solid #F1F3F5; }
.lg-row:last-child { border-bottom: none; }
.lg-row .lg-box { position: relative; top: 2px; }
/* Menge-Spalte direkt neben der Checkbox — feste Breite, damit die Zahlen untereinander fluchten */
.lg-v { flex: none; min-width: 38px; font-size: 11.5px; font-weight: 700; font-family: 'IBM Plex Mono', monospace; white-space: nowrap; }
.lg-v.lg-txt { min-width: 0; font-family: 'IBM Plex Sans', sans-serif; font-size: 10.5px; }
.lg-u { margin-left: 2px; font-size: 9px; color: #9AA1AC; font-weight: 600; }
.lg-l { flex: 1; min-width: 0; font-size: 10.5px; font-weight: 600; color: #16181C; line-height: 1.2; }
.lg-sub { display: block; font-size: 8.5px; font-weight: 600; color: #9AA1AC; margin-top: 0; }
.lg-note { margin-top: 5px; font-size: 8.5px; color: #9AA1AC; line-height: 1.35; }

/* Warnungen / Hinweise */
.lg-warn { margin-top: 11px; border: 1px solid #F0D5D5; background: #FCF4F4; border-radius: 8px; padding: 7px 11px;
  font-size: 10.5px; font-weight: 700; color: #A11C1C; line-height: 1.45; }

/* Zuschnittliste — die Sektionen MÜSSEN über die Seitengrenze laufen dürfen. Mit
   break-inside: avoid passte eine Sektion mit 20 Rollladendeckeln auf keine Seite mehr;
   Safari hat sie dann unten abgeschnitten und alles danach (Winkel, Welle) fiel weg.
   Zusammengehalten wird nur die einzelne Zeile, der Tabellenkopf wiederholt sich. */
.lg-cutsec { break-inside: auto; page-break-inside: auto; margin-top: 16px; }
.lg-cutsec .p-sechead { break-after: avoid; page-break-after: avoid; }   /* Überschrift nie allein am Seitenende */
.cut-table thead { display: table-header-group; }
.lg-cutsum { font-size: 10px; font-weight: 700; font-family: 'IBM Plex Mono', monospace; color: #5B6470; white-space: nowrap; }
.cut-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.cut-table th { text-align: left; font-size: 9px; font-weight: 700; letter-spacing: .05em; color: #9AA1AC;
  padding: 6px 8px; border-bottom: 1.5px solid #E6E8EC; text-transform: uppercase; }
.cut-table td { padding: 5px 8px; border-bottom: 1px solid #F1F3F5; font-size: 11px; font-weight: 600; vertical-align: top; line-height: 1.2; }
.cut-table tr { break-inside: avoid; page-break-inside: avoid; }
.cut-table .cut-box { width: 22px; padding-top: 6px; }
.cut-table .nr { font-family: 'IBM Plex Mono', monospace; font-weight: 700; color: #A11C1C; white-space: nowrap; }
.cut-table .mass { font-family: 'IBM Plex Mono', monospace; font-weight: 700; white-space: nowrap; text-align: right; }
.cut-table .sub { font-size: 9.5px; color: #9AA1AC; font-weight: 600; }
.cut-table td.sub { font-weight: 600; }
.lg-warn.lg-info { border-color: #D7DBE0; background: #F5F6F8; }   /* neutraler Hinweis (gemeinsamer Antrieb) */