/* Quản lý kho › Kho thiết bị & CCDC (equipment-tools.js). Khung danh sách/chi tiết dùng lại lớp sir-* của tab Đề nghị xuất kho. */
.etw .sir-card.etw-eq { border-left-color: var(--bms-info); }
.etw .sir-card.etw-tool { border-left-color: var(--bms-success); }
.etw .sir-card.etw-person { border-left-color: var(--bms-warning); }
.etw .sir-card.is-active { border-left-color: var(--bms-primary); }
.sir-kicker.etw-kicker-eq { color: var(--bms-info); }
.sir-kicker.etw-kicker-tool { color: var(--bms-success); }
.sir-kicker.etw-kicker-person { color: var(--bms-warning); }
.etw .sir-toolbar select[data-etw-filter] { flex: 0 0 auto; width: auto !important; min-width: 170px; }
.etw .sir-toolbar .sir-search { flex: 1 1 220px; width: auto !important; }

.etw-form { display: grid; gap: var(--bms-space-3); padding: var(--bms-space-4); border: 1px solid var(--bms-primary); border-radius: var(--bms-radius-2); background: var(--bms-primary-soft); }
.etw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--bms-space-3); }
.etw-grid label { display: grid; gap: 4px; color: var(--bms-text-muted); font-size: 14px; }
.etw-grid label[hidden] { display: none; }
.etw-grid input { width: 100%; min-height: var(--bms-control-standard); color: var(--bms-text); font-size: 15px; }
.etw-grid .etw-wide { grid-column: 1 / -1; }
.etw-cond { display: flex; flex-wrap: wrap; gap: var(--bms-space-2); }
.etw-cond label { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--bms-border-strong); border-radius: var(--bms-radius-1); background: var(--bms-surface); font-size: 15px; cursor: pointer; }
.etw-cond label:has(input:checked) { border-color: var(--bms-primary); color: var(--bms-primary); font-weight: 600; }
/* Ô chọn trong panel bị style input chung (selector có ID) phủ lên, nên phải trả về dạng radio gốc. */
.etw-cond input[type="radio"] { appearance: auto !important; flex: none; width: 16px !important; height: 16px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; accent-color: var(--bms-primary); }

.etw-bar { height: 6px; overflow: hidden; border-radius: var(--bms-radius-round); background: var(--bms-success-soft); }
.etw-bar i { display: block; height: 100%; background: var(--bms-info); }
.etw-history { display: grid; gap: 0; margin: var(--bms-space-2) 0 0; padding: 0; list-style: none; }
.etw-history li { display: grid; grid-template-columns: 92px 1fr; gap: var(--bms-space-3); padding: 8px 0; border-bottom: 1px solid var(--bms-border); font-size: 15px; }
.etw-history li:last-child { border-bottom: 0; }
.etw-history time { color: var(--bms-text-muted); font-variant-numeric: tabular-nums; }
.etw-history small { display: block; color: var(--bms-text-muted); font-size: 13.5px; }
.btn.etw-sm { min-height: var(--bms-control-compact); padding: 0 10px; font-size: 14px; }

.etw-import { width: min(980px, calc(100vw - 24px)); max-width: min(980px, calc(100vw - 24px)); max-height: calc(100dvh - 48px); padding: 0; border: 1px solid var(--bms-border); border-radius: var(--bms-radius-3, 12px); background: var(--bms-surface); color: var(--bms-text); }
.etw-import[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.etw-import::backdrop { background: rgb(15 23 42 / 55%); }
.etw-import > header { display: flex; align-items: start; justify-content: space-between; gap: var(--bms-space-3); padding: var(--bms-space-4) var(--bms-space-5, 20px); border-bottom: 1px solid var(--bms-border); }
.etw-import h3 { margin: 2px 0 0; font-family: var(--bms-font-display); font-size: 19px; }
.etw-import-body { display: grid; gap: var(--bms-space-3); align-content: start; overflow-y: auto; padding: var(--bms-space-4) var(--bms-space-5, 20px); }
.etw-import > footer { padding: var(--bms-space-3) var(--bms-space-5, 20px); border-top: 1px solid var(--bms-border); }
.etw-steps { display: grid; gap: 4px; margin: 0; padding-left: 20px; color: var(--bms-text-muted); }
.sir-actions.etw-left { justify-content: flex-start; align-items: center; padding-top: 0; }
.etw-import label.btn { display: inline-flex; align-items: center; cursor: pointer; }
:is(.etw-cond label, .etw-import label.btn):focus-within { outline: 2px solid var(--bms-focus); outline-offset: 1px; }

@media (max-width: 760px) {
  .etw .sir-toolbar select[data-etw-filter] { flex: 1 1 140px; min-width: 0; }
  .etw .sir-toolbar .sir-search { flex: 1 1 100%; }
  .etw .sir-toolbar > .btn { flex: 1 1 auto; }
  .etw-grid { grid-template-columns: 1fr; }
  .etw-history li { grid-template-columns: 78px 1fr; }
  .etw-import { width: 100vw; max-width: 100vw; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
}