/* 06-components/_package-label.css — .c-package-label: the paketspecifikation printed for one package.
   One label per A4 sheet, read from a forklift: the paketnummer in the largest type, then the six large
   facts (species, dimension, quality, moisture, volume, max length) as an eyebrow-labelled dl, the length
   specification as a small table, the small facts (pieces, weight, run metres, date, production place,
   work order, article) as a second dl, and the Code 128 barcode as an inline SVG with the digits under it.
   Follows c-label for the dt/dd eyebrow form; the print layout is in 08-pages/_labels.css.
   Every value is mono because every value on a label is checked, never read. */
.c-package-label { --label-number: 4.5rem; --label-value: var(--text-3xl); --label-barcode: 4rem; display: flex; flex-direction: column; gap: var(--space-lg); max-width: 46rem; padding: var(--space-xl); background: var(--surface); color: var(--ink); border: var(--stroke) solid var(--rule); border-radius: var(--radius-md); break-inside: avoid; }
.c-package-label__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-xs) var(--space-lg); padding-bottom: var(--space-md); border-bottom: var(--stroke-edge) solid var(--ink); }
.c-package-label__eyebrow { display: block; font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--ink-muted); }
.c-package-label__number { display: block; font-family: var(--font-mono); font-size: var(--label-number); font-weight: var(--weight-medium); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.c-package-label__mill { font-family: var(--font-mono); font-size: var(--text-md); color: var(--ink-muted); text-align: end; }
.c-package-label__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-md) var(--space-lg); margin: 0; }
.c-package-label__facts dt { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--ink-muted); }
.c-package-label__facts dd { margin: var(--space-3xs) 0 0; font-family: var(--font-mono); font-size: var(--text-lg); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.c-package-label__facts--large dd { font-size: var(--label-value); font-weight: var(--weight-medium); line-height: 1.1; }
.c-package-label__lengths { width: 100%; max-width: 20rem; border-collapse: collapse; font-family: var(--font-mono); font-size: var(--text-md); font-variant-numeric: tabular-nums; }
.c-package-label__lengths caption { text-align: start; font-size: var(--text-xs); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--ink-muted); padding-bottom: var(--space-2xs); }
.c-package-label__lengths th, .c-package-label__lengths td { padding: var(--space-2xs) var(--space-sm); border-bottom: var(--stroke) solid var(--rule-strong); text-align: end; }
.c-package-label__lengths th { font-weight: var(--weight-medium); color: var(--ink-muted); }
.c-package-label__lengths th:first-child, .c-package-label__lengths td:first-child { text-align: start; }
.c-package-label__barcode { display: flex; flex-direction: column; align-items: center; gap: var(--space-xs); padding-top: var(--space-md); border-top: var(--stroke) solid var(--rule-strong); }
.c-package-label__barcode svg { display: block; width: 100%; max-width: 32rem; height: var(--label-barcode); fill: currentColor; }
.c-package-label__digits { font-family: var(--font-mono); font-size: var(--text-lg); letter-spacing: 0.2em; font-variant-numeric: tabular-nums; }
@media (max-width: 40rem) { .c-package-label { padding: var(--space-md); --label-number: 3rem; --label-value: var(--text-xl); } .c-package-label__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }