/* Gaya modul Gudang CPNB (dipindah dari cpnb-gudang/public/gaya.css, 12 Okt 2026).
   SEMUA selektor dibatasi ke #gudang (wadah tab gudang) dan #dialog/#toast milik gudang, supaya gaya
   dashboard Pengajuan tidak berubah sedikit pun. Variabel warna gudang juga lokal di #gudang/#dialog.
   Jangan menulis selektor tanpa awalan di berkas ini. */
#gudang, #dialog, #toast{--bg:#f3f5f9; --panel:#fff; --line:#e3e8f0; --teks:#14213d; --redup:#7a869e;
  --utama:#001F3F; --utama-lembut:#e6edf6; --aksen:#2f6fd6;
  --hijau:#0e9f6e; --merah:#d64545; --kuning:#b07d17;
  --radius:14px;
  --bayang:0 1px 2px rgba(20,33,61,.05), 0 8px 24px rgba(20,33,61,.06);}
#gudang button, #dialog button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;
  padding:9px 14px;border-radius:10px;color:var(--teks)}
#gudang button:hover, #dialog button:hover{background:var(--utama-lembut)}
#gudang button.utama, #dialog button.utama{background:var(--utama);border-color:var(--utama);color:#fff}
#gudang button.utama:hover, #dialog button.utama:hover{background:#0b3363}
#gudang button.bahaya, #dialog button.bahaya{color:var(--merah);border-color:#f2caca}
#gudang button.kecil, #dialog button.kecil{padding:5px 10px;font-size:12.5px}
#gudang button.lebar, #dialog button.lebar{width:100%}
#gudang button:disabled, #dialog button:disabled{opacity:.45;cursor:not-allowed}
#gudang input, #dialog input, #gudang select, #dialog select, #gudang textarea, #dialog textarea{font:inherit;padding:9px 11px;border:1px solid var(--line);
  border-radius:10px;background:#fff;width:100%;color:var(--teks)}
#gudang input:focus, #dialog input:focus, #gudang select:focus, #dialog select:focus, #gudang textarea:focus, #dialog textarea:focus{outline:2px solid #c7d7f0;border-color:#a9c0e6}
#gudang label, #dialog label{display:block;font-size:12.5px;color:var(--redup);margin-bottom:10px}
#gudang label input, #dialog label input, #gudang label select, #dialog label select, #gudang label textarea, #dialog label textarea{margin-top:4px}
#gudang .g-kartu, #dialog .g-kartu{background:var(--panel);border-radius:var(--radius);box-shadow:var(--bayang);
  padding:14px;margin-bottom:12px}
#gudang .baris-alat, #dialog .baris-alat{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:12px}
#gudang .baris-alat > *, #dialog .baris-alat > *{flex:1 1 140px}
#gudang .baris-alat > button, #dialog .baris-alat > button{flex:0 0 auto}
#gudang .g-ringkas, #dialog .g-ringkas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
#gudang .g-ringkas div, #dialog .g-ringkas div{background:var(--panel);border-radius:12px;box-shadow:var(--bayang);padding:10px 12px}
#gudang .g-ringkas small, #dialog .g-ringkas small{display:block;color:var(--redup);font-size:11.5px}
#gudang .g-ringkas b, #dialog .g-ringkas b{font-size:15px}
#gudang .g-seksi, #dialog .g-seksi{font-weight:700;font-size:13px;margin:16px 0 8px;display:flex;justify-content:space-between;gap:8px}
#gudang .g-seksi span, #dialog .g-seksi span{font-weight:500;color:var(--redup)}
#gudang .redup, #dialog .redup{color:var(--redup)}
#gudang .merah, #dialog .merah{color:var(--merah)}
#gudang .hijau, #dialog .hijau{color:var(--hijau)}
#gudang .kuning, #dialog .kuning{color:var(--kuning)}
#gudang .g-lencana, #dialog .g-lencana{display:inline-block;font-size:10.5px;padding:1px 7px;border-radius:99px;
  background:var(--utama-lembut);color:var(--utama);font-weight:600;vertical-align:1px}
#gudang .g-lencana.kuning, #dialog .g-lencana.kuning{background:#fbf1dc;color:var(--kuning)}
#gudang .g-lencana.merah, #dialog .g-lencana.merah{background:#fbe5e5;color:var(--merah)}
#gudang .g-pesan, #dialog .g-pesan{padding:10px 12px;border-radius:10px;background:var(--utama-lembut);font-size:13px;margin:10px 0}
#gudang .g-pesan.g-salah, #dialog .g-pesan.g-salah{background:#fbe5e5;color:var(--merah)}
#gudang .g-kosong, #dialog .g-kosong{text-align:center;color:var(--redup);padding:30px 10px}
#gudang .gulung, #dialog .gulung{overflow-x:auto;-webkit-overflow-scrolling:touch}
#gudang table, #dialog table{width:100%;border-collapse:collapse;font-size:13px}
#gudang th, #dialog th, #gudang td, #dialog td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
#gudang th, #dialog th{font-size:11.5px;color:var(--redup);font-weight:600;white-space:nowrap;background:#fafbfd}
#gudang td.n, #dialog td.n, #gudang th.n, #dialog th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#gudang tr.g-total td, #dialog tr.g-total td{font-weight:700;background:#fafbfd}
#gudang .so-baris, #dialog .so-baris{display:grid;grid-template-columns:1fr 110px;gap:8px;align-items:center;
  padding:8px 0;border-bottom:1px solid var(--line)}
#gudang .so-baris:last-child, #dialog .so-baris:last-child{border-bottom:0}
#gudang .so-baris .nm, #dialog .so-baris .nm{font-size:13.5px}
#gudang .so-baris .nm small, #dialog .so-baris .nm small{display:block;color:var(--redup);font-size:11.5px}
#gudang .so-baris input, #dialog .so-baris input{text-align:right;padding:8px}
#gudang .so-baris input.terisi, #dialog .so-baris input.terisi{background:#f0f7f3;border-color:#bfe3d0}
#gudang .segmen, #dialog .segmen{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
#gudang .segmen button, #dialog .segmen button{flex:1;border:0;border-radius:0}
#gudang .segmen button.aktif, #dialog .segmen button.aktif{background:var(--utama);color:#fff}
#gudang .lengket-bawah, #dialog .lengket-bawah{position:sticky;bottom:0;z-index:4;background:var(--panel);border-radius:12px;
  box-shadow:0 -4px 20px rgba(20,33,61,.12);padding:10px 12px;display:flex;align-items:center;
  justify-content:space-between;gap:10px;margin-top:12px}
#dialog{border:0;border-radius:16px;padding:18px;width:min(460px,calc(100vw - 32px));box-shadow:var(--bayang)}
#dialog::backdrop{background:rgba(10,20,40,.4)}
#dialog h3{margin:0 0 12px}
#gudang .g-aksi, #dialog .g-aksi{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
#toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:20;
  background:var(--teks);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;
  max-width:calc(100vw - 32px)}
#toast.g-salah{background:var(--merah)}
#gudang .iv-baris, #dialog .iv-baris{display:grid;grid-template-columns:1fr 70px 70px 90px auto;gap:6px;margin-bottom:6px}
#gudang .iv-baris input, #dialog .iv-baris input{padding:7px 8px}
#gudang .iv-baris .ivCatat, #dialog .iv-baris .ivCatat{grid-column:1 / -1;font-size:11px;margin-top:-3px}
#gudang .iv-baris .ivCatat:empty, #dialog .iv-baris .ivCatat:empty{display:none}
#dialog:has(#ivForm){width:min(680px,calc(100vw - 16px))}
@media (max-width:520px){
#gudang .iv-baris, #dialog .iv-baris{grid-template-columns:1fr 1fr 1fr auto}
#gudang .iv-baris .ivProduk, #dialog .iv-baris .ivProduk{grid-column:1 / -1}
}
@media (min-width:760px){
#gudang .so-baris, #dialog .so-baris{grid-template-columns:1fr 140px}
}
#dialog.lebar{width:min(680px,calc(100vw - 16px));max-width:none;padding:14px 10px}
#gudang .lkp-tabel th, #dialog .lkp-tabel th, #gudang .lkp-tabel td, #dialog .lkp-tabel td{padding:3px}
#gudang .lkp-tabel td:first-child, #dialog .lkp-tabel td:first-child{font-size:12.5px;line-height:1.25}
#gudang .lkp-tabel td input, #dialog .lkp-tabel td input{padding:7px 4px;text-align:right;width:100%;min-width:46px;margin:0}
#gudang .lkp-tabel td input.lkProduk, #dialog .lkp-tabel td input.lkProduk{text-align:left;min-width:100px}
#gudang .lkp-tabel .lkSudah, #dialog .lkp-tabel .lkSudah{display:block;font-size:11px}
/* Kartu stok bulanan (stok.js): tabel lebar ala sheet WH, kolom nama & 2 baris header lengket. */
#gudang .st-gulung{overflow:auto;max-height:72vh;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}
#gudang .st-tabel{width:auto;font-size:12.5px;border-collapse:separate;border-spacing:0}
#gudang .st-tabel th, #gudang .st-tabel td{padding:6px 8px;white-space:nowrap;background:var(--panel)}
#gudang .st-tabel thead th{position:sticky;top:0;z-index:2;background:#e8f0fb;color:var(--teks);text-align:center}
#gudang .st-tabel thead tr:nth-child(2) th{top:31px}
#gudang .st-tabel .st-tgl{color:#8a1c2b;font-size:13px;border-left:2px solid var(--line)}
#gudang .st-tabel .st-akhir{border-right:2px solid var(--line)}
#gudang .st-tabel td.st-akhir{font-weight:600}
#gudang .st-tabel td.st-so{background:#e7f6ee}
#gudang .st-tabel .st-nama{position:sticky;left:0;z-index:1;min-width:150px;max-width:220px;white-space:normal;
  box-shadow:1px 0 0 var(--line)}
#gudang .st-tabel thead .st-nama{z-index:3;text-align:left}
#gudang .st-tabel .st-nama small{display:block;color:var(--redup);font-size:11px}
#gudang .st-tabel tr.st-kat td{background:#fff6c7;font-weight:700;font-style:italic}