/* ============================================================
   KISTEN – Aufbewahrungskisten (Betrieb → Kisten)
   ============================================================ */
.ki-seite [hidden] { display: none !important; }
.ki-tabelle th.ki-w-nr { width: 130px; }
.ki-tabelle th.ki-w-ort { width: 22%; }
.ki-tabelle th.ki-w-akt { width: 110px; }
.ki-ort { display: inline-flex; align-items: center; gap: 4px; }
.ki-ort .material-icons { font-size: 16px; color: var(--ink-faint, #999); }
.ki-anzahl { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 12px; font-weight: 500;
  background: color-mix(in srgb, var(--accent-dark) 12%, transparent); color: var(--accent-dark); }

dialog.ki-pl-dialog { width: min(820px, 96vw); max-width: 820px; }
.ki-pl-kopf { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 12px; }
.ki-pl-nr { font-size: 13px; font-weight: 300; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.ki-pl-kopf h2 { margin: 2px 0 4px; }
.ki-pl-meta { font-size: 13px; color: var(--ink-soft); }
.ki-pl-icon { font-size: 40px; color: var(--accent-dark); opacity: .8; }
.ki-pl-tabelle { width: 100%; border-collapse: collapse; font-size: 14px; }
.ki-pl-tabelle td { padding: 7px 6px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.ki-pl-tabelle td.ki-w-pnr { font-weight: 300; white-space: nowrap; font-variant-numeric: tabular-nums; width: 90px; }
.ki-pl-tabelle a { color: var(--ink); text-decoration: none; }
.ki-pl-tabelle a:hover { color: var(--accent-dark); }
.ki-pl-tabelle .ki-w-weg { width: 40px; text-align: right; }
.ki-pl-tabelle .action-btn { width: 30px; height: 30px; }
.ki-pl-leer { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; color: var(--ink-soft); font-size: 14px; }
.ki-pl-leer .material-icons { color: var(--accent-dark); }
.ki-dazu { display: flex; gap: 8px; }
.ki-dazu input { flex: 1; min-width: 0; }
@media (max-width: 700px) {
  .ki-tabelle th.ki-w-ort, .ki-tabelle th.ki-w-nr { width: auto; }
  .ki-dazu { flex-direction: column; }
}
.ki-pl-dialog .dialog-actions .btn-cancel { display: inline-flex; align-items: center; gap: 6px; }
.ki-pl-dialog .dialog-actions .material-icons { font-size: 18px; }