/* ============================================================
   BESTAND/STYLE.CSS - Seitenspezifische Styles
   ============================================================
   Gemeinsame Bestands-Komponenten (Farbliche Zeilenhinterlegung
   .is-warning & .is-out-of-stock sowie Mengenfarben .stock-qty-*)
   befinden sich zentral in assets/components.css.
   ============================================================ */

/* ---------- Kategorie & Art ---------- */
.be-art {
  display: inline-block;
  margin-top: 4px;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  border-radius: 999px;
  white-space: nowrap;
}

.be-art.is-inventar { color: var(--pal-indigo); background: var(--pal-indigo-hell); }
.be-art.is-lager    { color: var(--pal-kupfer-dunkel); background: var(--pal-senf-hell); }
.be-art.is-vorort   { color: var(--pal-gruen-dunkel); background: var(--pal-gruen-hell); }

.be-nachbestellen {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 700;
  color: var(--pal-kupfer);
}

.be-art-hint {
  margin: -6px 0 14px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--ink-soft);
}

.be-art-hint:empty {
  display: none;
}

.be-soll {
  line-height: 1.3;
}

/* In Kisten: Kisten-Code im Code-Stil, Menge daneben */
.be-kiste-zeile { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.be-kiste-zeile + .be-kiste-zeile { margin-top: 6px; }
.be-kiste-menge { font-weight: 700; font-variant-numeric: tabular-nums; }
.be-kiste-titel { color: var(--ink-soft); overflow: hidden; text-overflow: ellipsis; }
.bestand-kisten-links { display: flex; flex-direction: column; gap: 4px; padding: 4px 0; }
.be-kiste-link { color: inherit; text-decoration: none; padding: 4px 6px; margin: 0 -6px; border-radius: 8px; }
.be-kiste-link:hover { background: var(--surface); }
.be-kiste-link .be-kiste-menge { margin-left: auto; }

/* ---------- Kategorien anlegen / entfernen (im Dialog) ---------- */
.be-kat-knopf { margin-top: 4px; cursor: pointer; background: none; }
.be-kat-panel {
  margin-top: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface);
}
.be-kat-liste { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.be-kat-zeile {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  padding: 6px 8px 6px 12px; background: var(--paper); border: 1px solid var(--line); border-radius: 10px;
}
.be-kat-name { font-weight: 600; flex: 1 1 auto; }
.be-kat-anzahl { font-size: 13px; color: var(--ink-faint); white-space: nowrap; }
.be-kat-knoepfe { display: flex; gap: 6px; align-items: center; margin-left: auto; }
.be-kat-knoepfe .btn-submit, .be-kat-knoepfe .btn-cancel { padding: 6px 12px; font-size: 13px; }
.be-kat-input { flex: 1 1 200px; }
.be-kat-frage { font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.be-kat-ersatz { width: auto; min-width: 160px; padding: 6px 10px; }
.be-kat-neu { display: flex; gap: 8px; }
.be-kat-neu input { flex: 1; }
.be-kat-neu .btn-submit { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.be-kat-neu .material-icons { font-size: 18px; }
.be-kat-leer { margin: 0; font-size: 13px; color: var(--ink-faint); }

/* Aufbewahrung in der Tabelle: Zentrallager oder Person */
.be-ort { margin-top: 2px; font-size: 12px; color: var(--ink-faint); }
.be-ort.is-person { display: inline-flex; align-items: center; gap: 3px; font-weight: 700; color: var(--pal-indigo); }
.be-ort .material-icons { font-size: 14px; }