/* ============================================================
   INVENTAR – Werkzeug & Geräte
   Präfix: iv-
   ============================================================ */
.iv-seite [hidden], .iv-dialog [hidden], .iv-tabelle [hidden] { display: none !important; }

.iv-toolbar { flex-wrap: wrap; row-gap: 14px; }
.iv-chips-zeile { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 100%; margin: 0; }
.iv-filter { width: auto; min-width: 170px; }
.iv-aus-schalter { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.iv-grau { color: var(--ink-faint, #888); }
.iv-rot { color: var(--danger, #c62828); font-weight: 700; }
.iv-orange { color: var(--pal-orange-dunkel, #b45309); font-weight: 700; }
.iv-inaktiv { opacity: .55; }

/* Tabelle */
.iv-col-bild { width: 60px; }
.iv-w-nr { width: 100px; }
.iv-w-art { width: 140px; }
.iv-w-ort { width: 160px; }
.iv-w-ma { width: 150px; }
.iv-w-zustand { width: 120px; }
.iv-w-pruef { width: 140px; }
.iv-w-akt { width: 100px; }
.iv-thumb {
  width: 44px; height: 44px; border-radius: 8px; object-fit: cover; display: block;
  background: var(--neutral-100, #f3f3f3); border: 1px solid var(--line, #e5e5e5);
}
.iv-thumb-leer { display: flex; align-items: center; justify-content: center; color: var(--ink-faint, #aaa); }
.iv-thumb-leer .material-icons { font-size: 20px; opacity: .5; }
.iv-ort { display: inline-flex; align-items: center; gap: 4px; }
.iv-ort .material-icons { font-size: 16px; color: var(--ink-faint, #999); }
.iv-tabelle .table-entry-subtitle.iv-rot,
.iv-tabelle .table-entry-subtitle.iv-orange { font-weight: 600; }

/* Dialog */
dialog.iv-dialog { width: min(860px, 96vw); max-width: 860px; }
.iv-naechste { padding: 9px 0; font-weight: 600; }
.iv-foto-bereich { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 10px; }
.iv-foto-vorschau {
  position: relative;
  width: 110px; height: 110px;
  border: 1px solid var(--line, #ddd); border-radius: 10px;
  background: var(--neutral-100, #f3f3f3);
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.iv-foto-vorschau img { width: 100%; height: 100%; object-fit: cover; }
.iv-foto-vorschau > .material-icons { font-size: 40px; color: var(--ink-faint, #aaa); opacity: .6; }
.iv-foto-neu { position: absolute; top: 5px; right: 5px; padding: 1px 7px; border-radius: 9px; font-size: 11px; font-weight: 600; background: var(--pal-gruen, #2e7d32); color: #fff; }
.iv-foto-knoepfe { display: flex; flex-direction: column; gap: 8px; }
.iv-foto-waehlen { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
fieldset:disabled .iv-foto-waehlen { opacity: .5; pointer-events: none; }
#iv-geprueft { display: inline-flex; align-items: center; gap: 6px; margin: 4px 0 6px; }

/* Handy: Tabelle wird von components.css zu Karten */
@media (max-width: 768px) {
  .iv-filter { flex: 1 1 100%; width: 100%; min-width: 0; }
  .iv-tabelle tbody tr { padding-left: 72px !important; min-height: 76px; }
  .iv-tabelle td.iv-col-bild { position: absolute; left: 14px; top: 16px; width: auto; }
  .iv-tabelle .iv-thumb { width: 46px; height: 46px; }
  .iv-tabelle td.text-right { position: absolute; right: 10px; top: 10px; }
  .iv-tabelle td.col-nummer { font-size: 12px; color: var(--ink-faint, #888); padding-right: 90px !important; }
  .iv-tabelle td:nth-child(3) { padding-right: 90px !important; }
  .iv-foto-knoepfe { flex-direction: row; flex-wrap: wrap; }
  .iv-tabelle td.iv-m-aus { display: none !important; }
}

/* ---------- Aufbewahrungskisten ---------- */
.iv-kiste-chip { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; padding: 1px 8px 1px 6px; border-radius: 999px;
  font-size: 12px; font-weight: 500; background: color-mix(in srgb, var(--accent-dark) 12%, transparent); color: var(--accent-dark); }
.iv-kiste-chip .material-icons { font-size: 14px; }
.iv-inhalt { list-style: none; margin: 0 0 12px; padding: 0; }
.iv-inhalt li { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-top: 1px solid var(--line); font-size: 14px; }
.iv-inhalt li:first-child { border-top: 0; }
.iv-inhalt li a { flex: 1; min-width: 0; color: var(--ink); text-decoration: none; }
.iv-inhalt li a:hover { color: var(--accent-dark); }
.iv-inhalt li a b { font-weight: 300; margin-right: 6px; font-variant-numeric: tabular-nums; }
.iv-inhalt .action-btn { width: 30px; height: 30px; }
.iv-inhalt-neu { display: flex; gap: 8px; margin-bottom: 12px; }
.iv-inhalt-neu input { flex: 1; min-width: 0; }