:root{--biru:#1d4ed8;--biru-tua:#0f2a5c;--abu:#64748b;--garis:#e2e8f0;--latar:#f5f7fb;--merah:#b91c1c;--kuning:#b45309;--hijau:#15803d}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--latar);color:#0f172a}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--biru-tua);color:#fff;padding:10px 16px}
.merek{font-weight:700;font-size:16px}.akun{font-size:13px;opacity:.95}.akun a,.akun .tautan{color:#fff}
nav{display:flex;gap:2px;flex-wrap:wrap;background:#fff;border-bottom:1px solid var(--garis);padding:0 12px}
nav a{padding:10px 12px;color:#334155;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
nav a.aktif,nav a:hover{color:var(--biru);border-bottom-color:var(--biru)}
main{max-width:1280px;margin:0 auto;padding:16px}h1{font-size:22px;margin:4px 0 14px}h2{font-size:16px;margin:22px 0 8px}
a{color:var(--biru)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--garis);border-radius:8px;overflow:hidden;margin-bottom:8px}
th,td{padding:7px 9px;border-bottom:1px solid var(--garis);text-align:left;vertical-align:top}th{background:#f1f5f9;font-weight:600;font-size:13px}
tr:last-child td{border-bottom:0}.ka{text-align:right;white-space:nowrap}.kecil{font-size:12px}.redup{color:var(--abu)}
.bahaya-teks{color:var(--merah)}tr.batal td{text-decoration:line-through;color:#94a3b8}tr.nonaktif td{color:#94a3b8}
tr.j-masuk td:nth-child(4) b{color:var(--hijau)}tr.j-keluar td:nth-child(4) b{color:var(--merah)}tr.j-rusak_masuk td:nth-child(4) b,tr.j-rusak_keluar td:nth-child(4) b{color:var(--kuning)}
.ringkas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.kotak{background:#fff;border:1px solid var(--garis);border-radius:10px;padding:12px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px}
.kotak span{font-size:12px;color:var(--abu)}.kotak b{font-size:22px}.kotak.peringatan b{color:var(--kuning)}.kotak.bahaya b{color:var(--merah)}
.kartu{background:#fff;border:1px solid var(--garis);border-radius:10px;padding:16px;max-width:820px;display:flex;flex-direction:column;gap:10px}
.kartu.sempit{max-width:420px}.kolom2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#334155}label.cek{flex-direction:row;align-items:center;gap:6px}
input,select{font:inherit;padding:7px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;min-width:0}
button,.tombol{font:inherit;background:var(--biru);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;text-decoration:none;display:inline-block}
.tombol.redup{background:#e2e8f0;color:#0f172a}.tautan{background:none;border:0;padding:0;color:var(--biru);cursor:pointer;font:inherit;text-decoration:underline}
.sebaris{display:inline}.saring{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:10px}.saring label{font-size:12px}
.kilat{padding:10px 12px;border-radius:8px;margin-bottom:12px;background:#dcfce7;color:#14532d}.kilat.galat,.galat{background:#fee2e2;color:#7f1d1d;padding:10px 12px;border-radius:8px}
.tab{display:flex;gap:6px;flex-wrap:wrap}.tab a{padding:6px 10px;border:1px solid var(--garis);border-radius:6px;background:#fff;text-decoration:none}.tab a.aktif{background:var(--biru);color:#fff}
.batang{height:5px;background:#e2e8f0;border-radius:3px;margin-top:4px}.batang i{display:block;height:100%;background:var(--biru);border-radius:3px}
.batal-form input{width:110px}.halaman{display:flex;gap:16px}
@media (max-width:720px){.kolom2{grid-template-columns:1fr}table{display:block;overflow-x:auto}main{padding:12px}}
/* --- formulir multi-barang & bukti (9 Okt 2026) --- */
.kartu.lebar{max-width:1000px}.kolom3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.rentang2{grid-column:span 2}
table.baris-barang{margin:4px 0}table.baris-barang td{padding:4px 6px;vertical-align:middle}table.baris-barang input{width:100%}
table.baris-barang .no{width:36px;color:var(--abu);text-align:center}table.baris-barang .jml{width:120px}
table.baris-barang .stk{width:150px}table.baris-barang .hapus{width:36px;text-align:center}
table.baris-barang tr.salah td{background:#fef2f2}table.baris-barang small{display:block;margin-top:2px}
.bukti{background:#fff;border:1px solid var(--garis);border-radius:10px;padding:20px;max-width:900px}
.bukti-kepala{display:flex;justify-content:space-between;border-bottom:2px solid #0f172a;padding-bottom:8px;margin-bottom:12px}
table.bukti-info{border:0}table.bukti-info td{border:0;padding:3px 8px 3px 0}table.bukti-info td:nth-child(odd){color:var(--abu);width:110px}
.ttd{display:flex;justify-content:space-around;margin:28px 0 10px;text-align:center}
@media (max-width:720px){.kolom3{grid-template-columns:1fr}.rentang2{grid-column:auto}}
@media print{header,nav,.tanpa-cetak,.kilat{display:none!important}body{background:#fff}main{padding:0;max-width:none}
  h1{display:none}.bukti{border:0;padding:0;max-width:none}table{border:1px solid #999}th,td{border-bottom:1px solid #ccc}}