/* AV-Board — Stile des Moduls js/schneidliste.js (Reiter Schneidliste, Lauf 2).
   Tabellen-Norm (V-8): Maße stehen neutral, Farbe bekommt nur das fehlende Maß
   und der Umrüst-Hinweis — das eine hält die Fertigung auf, das andere kostet Zeit. */

.sl-reiter { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.sl-kopf {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 8px 12px; background: var(--bg);
    border: 1px solid var(--border); border-radius: 8px;
}
.sl-form {
    font-family: var(--font-display); font-weight: 600; font-size: .72rem;
    text-transform: uppercase; letter-spacing: .04em; color: var(--primary);
    margin-right: 8px;
}

/* Der Umrüst-Hinweis steht zwischen den Blöcken — er ist die eigentliche Aussage
   der Sequenzliste: hier kostet es Zeit. */
.sl-umbau {
    margin: 6px 0 0; padding: 4px 12px; font-size: .78rem; font-weight: 600;
    color: var(--accent); border-left: 3px solid var(--accent);
}

.sl-sequenz { display: flex; flex-direction: column; gap: 4px; }
.sl-sequenz-kopf { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding-left: 2px; }
.sl-nr {
    font-family: var(--font-display); font-weight: 700; font-size: .8rem; color: var(--primary);
}
.sl-bezeichnung { font-family: var(--font-code); font-size: .82rem; }

.sl-tabelle { font-size: .78rem; table-layout: fixed; width: 100%; }
.sl-tabelle th { white-space: nowrap; }
.sl-tabelle td { vertical-align: top; overflow-wrap: anywhere; }