/* ============================================================
   PBMS ADMIN — MODUL BARANG & KASIR
   (dipisahkan dari dashboard.css, pola Fix #81/#84/#86)

   Blok yang dipecahkan:
   - #modalMasterBarang + .inventory-summary-bar + .badge-stok-*
   - #modalKasir (.tx-table, scrollbar dark, .tableKasir col,
     .kasir-poor-stock-actions, .kasir-stock-ok)
   - #modalEditBarangHarga
   - .stat-card--kasir + metrik sublabel
   ============================================================ */

/* ── Modal Master Barang & Stok Terkini ─────────────────────── */

/* Wrapper ringkasan inventaris — memuat .tx-chip yang sudah ada */
.inventory-summary-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Modal daftar barang — z-index 1000 (standar Fix #80) */
#modalMasterBarang {
  z-index: 1000;
}

/* Badge status stok */
.badge-stok--nipis {
  background: rgba(239, 68, 68, 0.15);
  color: var(--error);
  border: 1px solid rgba(239, 68, 68, 0.4);
}

.badge-stok--aman {
  background: rgba(34, 197, 94, 0.15);
  color: var(--success);
  border: 1px solid rgba(34, 197, 94, 0.4);
}

/* Modal Master Barang: lebar, alokasi kolom & scrollbar dark */

/* Perluas modal agar kolom Status/Stok paling kanan muat utuh */
#modalMasterBarang .modal-content {
  width: 92vw;
  max-width: 1020px;
}

#modalMasterBarang .modal-table-wrap {
  overflow-x: hidden;
}

@media (max-width: 900px) {
  #modalMasterBarang .modal-table-wrap {
    overflow-x: auto;
  }
}

/* Scrollbar dark — menggantikan scrollbar putih bawaan browser */
#modalMasterBarang .modal-table-wrap::-webkit-scrollbar,
#modalMasterBarang .modal-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#modalMasterBarang .modal-table-wrap::-webkit-scrollbar-track,
#modalMasterBarang .modal-body::-webkit-scrollbar-track {
  background: #0f172a;
}
#modalMasterBarang .modal-table-wrap::-webkit-scrollbar-thumb,
#modalMasterBarang .modal-body::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
#modalMasterBarang .modal-table-wrap::-webkit-scrollbar-thumb:hover,
#modalMasterBarang .modal-body::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Alokasi lebar kolom #tableMasterBarang — proporsional & kompak */
#tableMasterBarang th:nth-child(1),
#tableMasterBarang td:nth-child(1) { width: 90px; min-width: 90px; }

#tableMasterBarang th:nth-child(2),
#tableMasterBarang td:nth-child(2) { width: 180px; min-width: 160px; }

#tableMasterBarang th:nth-child(3),
#tableMasterBarang td:nth-child(3) { width: 80px; min-width: 80px; }

#tableMasterBarang th:nth-child(4),
#tableMasterBarang td:nth-child(4) { width: 100px; }

#tableMasterBarang th:nth-child(5),
#tableMasterBarang td:nth-child(5) { width: 100px; }

#tableMasterBarang th:nth-child(6),
#tableMasterBarang td:nth-child(6) { width: 80px; text-align: center; }

#tableMasterBarang th:nth-child(7),
#tableMasterBarang td:nth-child(7) { width: 90px; text-align: center; }

/* Stok Terkini & Status — rata tengah */
#tableMasterBarang .col-center,
#tableMasterBarang .col-num.col-center {
  text-align: center;
}

/* Kode/ID kolom paling kiri — warna muted */
#tableMasterBarang td:nth-child(1) {
  color: var(--text-muted);
  font-size: 0.78rem;
}

/* ── Modal Edit HPP & Harga Jual ──────────────────────────────── */

/* z-index 1000 — standar Fix #80; harus di atas modal master barang
   (yang juga z-1000, tapi di-buka secara eksplisit setelah master,
   jadi stacking context DOM order tidak jadi masalah) */
#modalEditBarangHarga {
  z-index: 1000;
}

/* ── Kartu Stat "Barang Kategori Kasir" ──────────────────────── */

.stat-card--kasir {
  border-top: 3px solid #f59e0b;
}
.stat-card--kasir .stat-card__value {
  color: #f59e0b;
}
.stat-card--kasir:hover {
  border-color: #f59e0b;
}

/* Baris metrik kecil: Stok · Modal · Nilai Jual */
.stat-card__kasir-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  margin: 6px 0;
}
.stat-card__kasir-metrics > div {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.stat-card__kasir-lbl {
  font-size: 0.62rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.stat-card__kasir-val {
  font-size: 0.78rem;
  font-weight: 600;
  color: #e2e8f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-card__kasir-val--hj {
  color: #34d399;
}

/* ── Modal Daftar Barang Kategori Kasir ──────────────────────── */

/* z-index 1000 — standar Fix #80; sebelum ini tak ada z-index eksplisit
   (fallback .modal-overlay = z-100) sehingga modal kasir bisa tertutup
   oleh modal lain. */
#modalKasir {
  z-index: 1000;
}

#modalKasir .tx-table {
  width: 100%;
}
#modalKasir .tx-table thead th {
  padding: 8px 12px;
}
#modalKasir .tx-table tbody td {
  padding: 7px 12px;
  border-bottom: 1px solid #1e293b;
}
#modalKasir .tx-table .col-num {
  text-align: right;
}

/* Scrollbar dark pada area tabel modal Kasir */
#modalKasir .modal-table-wrap::-webkit-scrollbar,
#modalKasir .modal-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#modalKasir .modal-table-wrap::-webkit-scrollbar-track,
#modalKasir .modal-body::-webkit-scrollbar-track {
  background: #0f172a;
}
#modalKasir .modal-table-wrap::-webkit-scrollbar-thumb,
#modalKasir .modal-body::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
#modalKasir .modal-table-wrap::-webkit-scrollbar-thumb:hover,
#modalKasir .modal-body::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Hilangkan horizontal scrollbar — tabel muat penuh di lebar modal */
#modalKasir .modal-table-wrap {
  overflow-x: hidden;
}

/* Ringkasan card atas — 4 chip muat rapi */
#modalKasir .inventory-summary-bar {
  gap: 10px;
  justify-content: space-between;
}
#modalKasir .inventory-summary-bar .tx-chip {
  flex: 1 1 0;
  min-width: 0;
}

/* Alokasi lebar & alignment kolom #tableKasir */
#tableKasir th:nth-child(1),
#tableKasir td:nth-child(1) {
  width: 200px;
  min-width: 160px;
  text-align: left;
}
#tableKasir .col-nama {
  text-align: left;
}
#tableKasir th:nth-child(2),
#tableKasir td:nth-child(2) {
  width: 90px;
  min-width: 90px;
  text-align: center;
}
#tableKasir th:nth-child(3),
#tableKasir td:nth-child(3) {
  width: 120px;
  min-width: 120px;
  text-align: right;
}
#tableKasir th:nth-child(4),
#tableKasir td:nth-child(4) {
  width: 120px;
  min-width: 120px;
  text-align: right;
}
/* Stok Aktual — rata tengah (memperkuat .col-center) */
#tableKasir .col-center,
#tableKasir .col-num.col-center {
  text-align: center;
}

/* ── Aksi cepat: tombol cek stok kritis (Fix #53) ───────────── */
.kasir-poor-stock-actions {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #1e293b;
}
.btn-kasir-check-poor {
  background: rgba(16, 185, 129, 0.1);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 8px;
  padding: 9px 16px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
.btn-kasir-check-poor:hover {
  background: rgba(16, 185, 129, 0.22);
}
.btn-kasir-check-poor:active {
  background: rgba(16, 185, 129, 0.35);
}

/* Baris sukses "Semua stok aman" di tabel kasir */
#modalKasir .kasir-stock-ok td {
  color: #34d399;
  font-size: 0.85rem;
  text-align: center;
  padding: 12px;
}