/* Bereich D Prüfen und Ausgleich: Karte „Produkte“ mit der Prüfung je Produkt,
   die Fenster der Prüfung, der Erstattung, der Nachlieferung und der B-Ware, die
   Karten des Ausgleichs, Liste und Reiter „B-Ware“, der Kasten „B-Ware“ in der
   Kaufbox, Regel und Produktgruppe. Klassen .nb-au-…; gemeinsame Regeln der
   Nachbauten in assets/stil.css. Ohne Media Queries: die Nachbauten haben feste
   Breiten, Einstiege und Ausschnitte skalieren sie. */

/* --- Kleine Bausteine ------------------------------------------------------ */

.nb-au-titel { display: inline-flex; align-items: center; gap: 7px; }
.nb-au-titel strong { font-size: 13.5px; }
.nb-au-knoepfe { display: flex; gap: 8px; }
.nb-au-gesperrt { opacity: 0.45; }
.nb-au-leise { color: var(--nb-text3); }
.nb-au-ohne { color: #ccc; }
.nb-au-klein { min-height: 26px; padding: 3px 8px; font-size: 11.5px; }

.nb-au-zahl { display: inline-flex; align-items: stretch; min-width: 0; height: 30px; border: 1px solid var(--nb-linie); border-radius: 6px; background: var(--weiss); font-size: 12.5px; }
.nb-au-zahl__wert { display: flex; flex: 1; align-items: center; justify-content: flex-end; min-width: 40px; padding: 0 9px; white-space: nowrap; }
.nb-au-zahl__wert--platz { justify-content: flex-start; color: #8a9bb0; }
.nb-au-zahl__pfeile { position: relative; flex: 0 0 18px; border-left: 1px solid var(--nb-linie2); }
.nb-au-zahl__pfeile::before, .nb-au-zahl__pfeile::after { content: ""; position: absolute; left: 6px; width: 4px; height: 4px; border-left: 1.3px solid var(--nb-text2); border-top: 1.3px solid var(--nb-text2); }
.nb-au-zahl__pfeile::before { top: 8px; transform: rotate(45deg); }
.nb-au-zahl__pfeile::after { bottom: 8px; transform: rotate(225deg); }
.nb-au-zahl__einheit { display: flex; align-items: center; padding: 0 10px; border-left: 1px solid var(--nb-linie); border-radius: 0 6px 6px 0; background: var(--nb-grund); font-style: normal; color: var(--nb-text2); }
.nb-au-zahl--aus { background: var(--nb-grund2); color: var(--nb-text3); }
.nb-feld > .nb-au-zahl { width: 100%; }

.nb-au-symk { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--nb-linie); border-radius: 6px; background: var(--weiss); color: var(--nb-text); }
.nb-au-symk .nb-sy { width: 14px; height: 14px; }
.nb-au-symk--voll { border-color: var(--nb-blau); background: var(--nb-blau); color: var(--weiss); }
.nb-au-symk--leer { border-color: transparent; background: transparent; }
.nb-au-aktionen { display: flex; justify-content: flex-end; gap: 6px; }

.nb-au-teil { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 6px; }
.nb-au-teil__name { font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nb-text2); white-space: nowrap; }
.nb-au-teil__text { font-size: 11px; line-height: 1.4; color: var(--nb-text2); text-align: right; }

.nb-au-fakten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 10px 14px; border: 1px solid var(--nb-linie2); border-radius: 8px; background: var(--nb-grund); }
.nb-au-fakten__f { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nb-au-fakten__f small { font-size: 11px; color: var(--nb-text2); }
.nb-au-fakten__f b { font-size: 12.5px; overflow-wrap: anywhere; }

.nb-au-check { display: flex; flex-direction: column; gap: 3px; font-size: 12.5px; }
.nb-au-check > .nb-haken { align-self: flex-start; }
.nb-au-check__satz { padding-left: 22px; font-size: 11.5px; line-height: 1.45; color: var(--nb-text2); }
.nb-au-check--aus, .nb-au-check--aus .nb-au-check__satz { color: var(--nb-text3); }
.nb-au-check--aus .nb-haken__box { border-color: var(--nb-linie); background: var(--nb-grund); }

.nb-au-banner { display: flex; align-items: flex-start; gap: 9px; padding: 11px 13px; border: 1px solid #9ec5ff; border-radius: 6px; background: #f0f6ff; font-size: 12px; line-height: 1.5; }
.nb-au-banner > .nb-sy { margin-top: 2px; color: var(--nb-blau); }
.nb-au-banner > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nb-au-banner--achtung { border-color: #f3c66b; background: #fff8e6; }
.nb-au-banner--achtung > .nb-sy { color: #b7791f; }

.nb-au-satz { font-size: 11.5px; line-height: 1.5; color: var(--nb-text2); }
.nb-au-satz--dunkel { font-size: 12.5px; color: var(--nb-text); }
.nb-au-notiztext { font-size: 11.5px; color: var(--nb-text2); }
.nb-au-warnung { font-size: 11.5px; line-height: 1.45; color: #a15c07; }

/* --- Status nach Prüfung und Ausgleich ------------------------------------ */

.nb-au-statusteil { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
.nb-au-statusteil > .nb-link { align-self: flex-start; font-size: 12px; }
.nb-au-wechsel { --wf: #5e6a78; display: flex; flex-direction: column; gap: 8px; padding: 11px 13px; border: 1px solid color-mix(in srgb, var(--wf) 35%, #fff); border-left: 4px solid var(--wf); border-radius: 6px; background: color-mix(in srgb, var(--wf) 5%, #fff); }
.nb-au-wechsel--blau { --wf: #2456c4; }
.nb-au-wechsel--violett { --wf: #6b3fc0; }
.nb-au-wechsel--gruen { --wf: #157439; }
.nb-au-wechsel--rot { --wf: #c01e3c; }
.nb-au-wechsel__kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 12.5px; }
.nb-au-wechsel__kopf .nb-sy { width: 12px; height: 12px; color: var(--nb-text2); }
.nb-au-wechsel__satz { font-size: 12px; color: var(--nb-text2); }
.nb-au-mail { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; font-size: 12.5px; }

/* --- Tabellen in Karten und Fenstern -------------------------------------- */

.nb-au-tab { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--nb-linie2); border-radius: 8px; font-size: 12px; }
.nb-au-tab th { padding: 8px 10px; border-bottom: 1px solid var(--nb-linie2); background: var(--nb-grund); font-size: 11.5px; font-weight: 500; color: var(--nb-text2); text-align: left; white-space: nowrap; }
.nb-au-tab th:first-child { border-radius: 8px 0 0 0; }
.nb-au-tab th:last-child { border-radius: 0 8px 0 0; }
.nb-au-tab td { padding: 9px 10px; border-bottom: 1px solid var(--nb-linie2); background: var(--weiss); vertical-align: middle; }
.nb-au-tab tbody tr:last-child td { border-bottom: 0; }
.nb-au-tab th.nb-au-tab__zahl, .nb-au-tab__zahl { text-align: right; white-space: nowrap; }
.nb-au-tab__betrag { width: 132px; }
.nb-au-tab__name { font-weight: 500; white-space: nowrap; }
.nb-au-tab__z--aus td { background: #fffaf0; }
.nb-au-tab__z--offen td { background: #fafbfe; color: var(--nb-text2); }
.nb-au-tab__z--bearbeiten td { background: var(--nb-blau-hell); }
.nb-au-tab--karte td { padding: 8px 10px; }
.nb-au-tab--nachlieferung .nb-au-zahl { width: 76px; }

.nb-au-tabprodukt { display: flex; align-items: center; gap: 9px; min-width: 0; }
.nb-au-tabprodukt > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nb-au-tabprodukt u { color: var(--nb-text); text-underline-offset: 2px; }
.nb-au-tabprodukt small, .nb-au-eigen small { font-size: 11px; color: var(--nb-text2); }
.nb-au-eigen { display: flex; flex-direction: column; gap: 2px; }
.nb-au-pfeil { margin: 0 4px; color: var(--nb-text2); }
.nb-au-marke { display: inline-flex; align-items: center; margin-left: 6px; padding: 1px 8px; border-radius: 10px; font-size: 11px; white-space: nowrap; }
.nb-au-marke--plus { background: #e4f8ec; color: #157439; }
.nb-au-marke--aus { background: #fdf0d3; color: #8a6116; }
.nb-au-marke--grau { margin-left: 0; background: #f2f3f8; color: #4a4b52; }

.nb-au-bild { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid var(--nb-linie2); border-radius: 6px; background: var(--weiss); }
.nb-au-bild .nb-zeichnung { width: 26px; height: 26px; color: #2b2f36; }
.nb-au-bild--klein { width: 30px; height: 30px; }
.nb-au-bild--klein .nb-zeichnung { width: 20px; height: 20px; }

.nb-au-werkzeuge { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.nb-au-werkzeuge--summe { align-items: flex-start; justify-content: space-between; }
.nb-au-summen { display: grid; grid-template-columns: auto auto; justify-content: end; gap: 4px 22px; width: max-content; margin-left: auto; font-size: 12px; color: var(--nb-text2); }
.nb-au-summen > span:nth-child(even) { color: var(--nb-text); text-align: right; }
.nb-au-summen__total { padding-top: 6px; border-top: 1px solid var(--nb-linie); font-size: 13.5px; color: var(--nb-text); }
.nb-au-summen__total + .nb-au-summen__total { text-align: right; }
.nb-au-summen--klein { gap: 3px 18px; }

.nb-au-minus { display: flex; flex-direction: column; margin-left: 22px; padding: 6px 12px; border: 1px solid var(--nb-linie2); border-radius: 6px; background: var(--nb-grund); font-size: 11.5px; }
.nb-au-minus__z { display: flex; justify-content: space-between; gap: 14px; padding: 4px 0; }
.nb-au-minus__z small { color: var(--nb-text2); }
.nb-au-minus__z > span:last-child { white-space: nowrap; }
.nb-au-minus__z--summe { margin-top: 3px; padding-top: 7px; border-top: 1px solid var(--nb-linie2); font-weight: 600; }

.nb-au-belegsumme { display: grid; grid-template-columns: auto auto; justify-content: end; gap: 3px 26px; width: max-content; margin-left: auto; }
.nb-au-belegsumme > b { text-align: right; }
.nb-au-belegsatz { margin-top: 12px; }

/* --- Karte „Produkte“: Prüfung je Produkt --------------------------------- */

.nb-au-karte__inhalt { display: flex; flex-direction: column; }
.nb-au-karte__inhalt--luft { gap: 10px; padding: 12px 14px 14px; }
.nb-au-fort { display: inline-flex; align-items: center; gap: 9px; font-size: 11.5px; color: var(--nb-text2); white-space: nowrap; }
.nb-au-fort__balken { position: relative; width: 74px; height: 4px; border-radius: 2px; background: var(--nb-grund2); }
.nb-au-fort__teil { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 2px; background: var(--nb-gruen-akzent); }
.nb-au-fort__teil--0 { width: 0; }
.nb-au-fort__teil--33 { width: 33%; }
.nb-au-fort__teil--67 { width: 67%; }
.nb-au-fort__teil--100 { width: 100%; }
.nb-au-rabatt { padding: 10px 16px; border-bottom: 1px solid var(--nb-linie2); background: #fff8e6; font-size: 11.5px; line-height: 1.5; color: #7a5412; }

.nb-au-gruppe { display: flex; align-items: center; gap: 10px; padding: 8px 16px; border-bottom: 1px solid var(--nb-linie2); background: var(--nb-grund); font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nb-text2); }
.nb-au-gruppe__zahl { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--nb-grund2); font-style: normal; letter-spacing: 0; color: var(--nb-text); }

.nb-au-block { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 12px; padding: 14px 16px 16px; border-bottom: 1px solid var(--nb-linie2); }
.nb-au-block--an { background: #f6faff; }
.nb-au-block__haken { padding-top: 10px; }
.nb-au-block__rumpf { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.nb-au-produkt { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px dashed var(--nb-linie2); }
.nb-au-produkt__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nb-au-produkt__text small { font-size: 11px; color: var(--nb-text2); }
.nb-au-produkt__name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12.5px; }
.nb-au-produkt__name b { font-size: 11px; }
.nb-au-produkt__name u { font-weight: 500; text-underline-offset: 2px; }

.nb-au-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 16px; }
.nb-au-spalte { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-content: start; gap: 9px 12px; min-width: 0; }
.nb-au-abschnitt { grid-column: 1 / -1; font-size: 9.5px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--nb-text2); }
.nb-au-wert { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: start; font-size: 12px; }
.nb-au-wert__label { padding-top: 1px; font-size: 11.5px; color: var(--nb-text2); white-space: nowrap; }
.nb-au-wert__inhalt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nb-au-blase { position: relative; display: block; padding: 7px 10px; border: 1px solid var(--nb-linie2); border-radius: 6px; background: var(--weiss); font-size: 11.5px; line-height: 1.45; }
.nb-au-blase::before { content: ""; position: absolute; left: -5px; top: 9px; width: 8px; height: 8px; border-left: 1px solid var(--nb-linie2); border-bottom: 1px solid var(--nb-linie2); background: var(--weiss); transform: rotate(45deg); }
.nb-au-dateien { display: flex; flex-wrap: wrap; gap: 5px 10px; }
.nb-au-datei { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--nb-blau); }
.nb-au-datei .nb-sy { width: 11px; height: 11px; }

.nb-au-wahlen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.nb-au-wahl { position: relative; display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 7px 9px; border: 1px solid var(--nb-linie); border-radius: 5px; background: var(--weiss); }
.nb-au-wahl__titel { font-size: 12px; font-weight: 500; }
.nb-au-wahl__text { font-size: 10.5px; line-height: 1.4; color: var(--nb-text2); }
.nb-au-wahl--an { border-color: var(--nb-blau); background: #f0f6ff; box-shadow: inset 0 0 0 1px var(--nb-blau); }
.nb-au-wahl--an .nb-au-wahl__titel { color: var(--nb-blau); }
.nb-au-wahl__haken { position: absolute; top: -6px; right: -6px; display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; border: 2px solid var(--weiss); border-radius: 50%; background: var(--nb-blau); color: var(--weiss); }
.nb-au-wahl__haken .nb-sy { width: 9px; height: 9px; }
.nb-au-wahl--gesperrt { opacity: 0.45; }
.nb-au-wahlen--aus .nb-au-wahl { background: var(--nb-grund); }
.nb-au-wahlen--aus .nb-au-wahl__titel, .nb-au-wahlen--aus .nb-au-wahl__text { color: #a3a5ab; }

.nb-au-notiz { min-height: 46px; font-size: 11.5px; }
.nb-au-menue { display: flex; flex-direction: column; padding: 4px 0; border: 1px solid var(--nb-linie); border-radius: 6px; background: var(--weiss); box-shadow: 0 8px 18px -10px rgba(0, 0, 0, 0.35); }
.nb-au-menue__e { padding: 5px 10px; font-size: 12px; }
.nb-au-fuss { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--nb-linie2); }
.nb-au-fuss__text { font-size: 11.5px; color: var(--nb-text2); }

.nb-au-zeile { display: grid; grid-template-columns: 18px 30px minmax(0, 1fr) auto 28px; gap: 10px; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--nb-linie2); }
.nb-au-zeile:last-child { border-bottom: 0; }
.nb-au-zeile__fertig { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #e0f5e8; color: #157439; }
.nb-au-zeile__fertig .nb-sy { width: 11px; height: 11px; }
.nb-au-zeile__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nb-au-zeile__text small { font-size: 11px; line-height: 1.4; color: var(--nb-text2); }
.nb-au-blasenknopf { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--nb-linie); border-radius: 5px; color: var(--nb-text2); }
.nb-au-blasenknopf .nb-sy { width: 11px; height: 11px; }
.nb-au-pillen { display: flex; gap: 6px; }
.nb-au-pille { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border: 1px solid var(--nb-linie); border-radius: 999px; background: var(--weiss); font-size: 11px; white-space: nowrap; }
.nb-au-punkt { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: #b9c3cf; }
.nb-au-punkt--gruen { background: #00a33a; }
.nb-au-punkt--blau { background: var(--nb-blau); }
.nb-au-punkt--gelb { background: #ffb75d; }
.nb-au-punkt--rot { background: #de294c; }
.nb-au-punkt--grau { background: #b9c3cf; }

/* Neben dem Seitenmenü ist die Karte schmal: „Kunde sagt“ und „Entscheidung“
   stehen dann untereinander wie im Admin. */
.nb-rumpf--menue .nb-au-raster { grid-template-columns: minmax(0, 1fr); }

/* --- Karten „Erstattungen“, „Nachlieferungen“, „B-Ware“ ------------------- */

.nb-au-stand { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.nb-au-stand__mehr { display: flex; flex-direction: column; gap: 1px; font-size: 11px; color: var(--nb-text2); }
.nb-au-stand__mehr--zustand { flex-direction: row; align-items: center; gap: 6px; }
.nb-au-leer { padding: 4px 2px; font-size: 12px; color: var(--nb-text2); }

/* --- Nachlieferung: anderes Produkt --------------------------------------- */

.nb-au-suche { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nb-au-treffer { display: flex; flex-direction: column; padding: 3px 0; border: 1px solid var(--nb-linie); border-radius: 6px; background: var(--weiss); box-shadow: 0 8px 18px -10px rgba(0, 0, 0, 0.35); }
.nb-au-treffer__e { padding: 4px 10px; font-size: 11.5px; }
.nb-au-treffer__e--an { background: var(--nb-blau-hell); color: var(--nb-blau-text); }
.nb-au-zurueck { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 11px; color: var(--nb-text2); }

/* --- B-Ware: Fenster, Liste, Reiter, Kaufbox ------------------------------ */

.nb-au-kasten { display: flex; flex-direction: column; gap: 11px; padding: 12px 14px; border: 1px solid var(--nb-linie2); border-radius: 8px; }
.nb-au-modi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.nb-au-modus { display: flex; align-items: flex-start; gap: 9px; min-width: 0; padding: 9px 11px; border: 1px solid var(--nb-linie); border-radius: 6px; background: var(--weiss); }
.nb-au-modus > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nb-au-modus b { font-size: 12px; font-weight: 500; }
.nb-au-modus small { font-size: 11px; line-height: 1.4; color: var(--nb-text2); }
.nb-au-modus--an { border-color: var(--nb-blau); background: #f0f6ff; }
.nb-au-modus--aus, .nb-au-modus--aus small { color: #a3a5ab; }
.nb-au-radio { flex: 0 0 auto; width: 14px; height: 14px; margin-top: 2px; border: 1.5px solid #b9c4cf; border-radius: 50%; background: var(--weiss); }
.nb-au-modus--an .nb-au-radio, .nb-au-radio--an { border: 4px solid var(--nb-blau); }
.nb-au-aktiv { display: flex; flex-direction: column; justify-content: flex-end; }
.nb-au-aktiv--aus { opacity: 0.55; }
.nb-au-preise { display: grid; grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr); gap: 6px; align-items: end; min-width: 0; }
.nb-au-schloss { display: flex; align-items: center; justify-content: center; height: 32px; color: var(--nb-blau); }
.nb-au-schloss .nb-sy { width: 13px; height: 13px; }
.nb-au-preise--aus .nb-au-schloss { color: var(--nb-text3); }
.nb-au-ergebnis { padding: 8px 12px; border-left: 3px solid var(--nb-blau); border-radius: 0 6px 6px 0; background: var(--nb-blau-hell); font-size: 11.5px; line-height: 1.45; }

.nb-au-seite { display: flex; align-items: stretch; gap: 14px; min-width: 0; min-height: 260px; }
.nb-au-haupt { display: flex; flex: 1; flex-direction: column; gap: 12px; min-width: 0; }
.nb-au-suchfeld { display: flex; align-items: center; gap: 8px; max-width: 380px; padding: 7px 11px; border: 1px solid var(--nb-linie); border-radius: 6px; font-size: 12px; color: #8a9bb0; }
.nb-au-listenrahmen { position: relative; min-width: 0; border: 1px solid var(--nb-linie2); border-radius: 8px; }
.nb-au-listenrahmen .nb-tab__zeile > span { padding-left: 9px; padding-right: 9px; }
.nb-au-leiste { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; gap: 10px; padding: 2px 0 0 12px; border-left: 1px solid var(--nb-linie2); }
.nb-au-leiste__i { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; color: var(--nb-text2); }
.nb-au-leiste__i--an { background: var(--nb-blau-hell); color: var(--nb-blau); }
.nb-au-filter { display: flex; flex: 0 0 220px; flex-direction: column; gap: 12px; padding: 2px 0 0 14px; border-left: 1px solid var(--nb-linie2); }
.nb-au-filter__kopf { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12.5px; }
.nb-au-filter__kopf .nb-link { font-size: 11.5px; }
.nb-au-filter__g { display: flex; flex-direction: column; gap: 6px; }
.nb-au-filter__g > small { font-size: 11.5px; font-weight: 600; }
.nb-au-kurz { display: inline-block; max-width: 110px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
.nb-au-bestand { display: inline-flex; align-items: center; gap: 7px; }
.nb-au-kontext { display: flex; flex-direction: column; min-width: 170px; padding: 5px 0; border: 1px solid var(--nb-linie); border-radius: 6px; background: var(--weiss); box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.4); }
/* Gegen position: relative des markierten Ziels (.nb-fenster .nb-fokus) bleibt das Menü über der Liste. */
.nb-au-listenrahmen > .nb-au-kontext { position: absolute; right: 8px; top: 62px; }
.nb-au-kontext__e { padding: 6px 14px; font-size: 12px; }
.nb-au-kontext__e--rot { color: var(--nb-rot); }

.nb-au-bw { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--nb-sf-linie); }
.nb-au-bw__titel { font-size: 13px; }
.nb-au-bw__intro { font-size: 11px; line-height: 1.45; color: #6b7280; }
.nb-au-bw__angebote { display: flex; flex-direction: column; border: 1px solid var(--nb-sf-linie); }
.nb-au-bw__angebot { display: flex; align-items: flex-start; gap: 9px; padding: 9px 11px; }
.nb-au-bw__angebot + .nb-au-bw__angebot { border-top: 1px solid var(--nb-sf-linie); }
.nb-au-bw__angebot--an { background: #f3f7fc; }
.nb-au-bw__name { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; font-size: 11px; line-height: 1.4; color: #6b7280; }
.nb-au-bw__name b { font-size: 12px; color: var(--nb-sf-text); }
.nb-au-bw__preise { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; font-size: 11px; white-space: nowrap; }
.nb-au-bw__preise b { font-size: 12.5px; color: var(--nb-sf-text); }
.nb-au-bw__preise s { color: #6b7280; }
.nb-au-bw__angebote--wahl .nb-au-radio { margin-top: 1px; }

/* --- Rule Builder und dynamische Produktgruppen --------------------------- */

.nb-au-baum { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.nb-au-und { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 10px; padding: 12px; border: 1px solid var(--nb-linie2); border-left: 3px solid var(--nb-blau); border-radius: 6px; background: var(--nb-grund); }
.nb-au-bedingung { display: flex; align-items: center; align-self: stretch; gap: 8px; min-width: 0; }
.nb-au-bedingung__f { flex: 1 1 0; min-width: 0; }
.nb-au-bedingung__f--klein { flex: 0.75 1 0; }
.nb-au-bedingung__mehr { flex: 0 0 auto; color: var(--nb-text2); }