:root{--hijau:#1f7a4d;--hijau-tua:#123d2a;--hijau-2:#1a5238;--hijau-terang:#2fa36b;--hijau-muda:#e8f4ee;--hijau-garis:#b9dcc8;--ungu:#7b3fb0;--ungu-muda:#f2eaf9;--biru:#2563a8;--biru-muda:#e8f0fa;--merah:#c0392b;--merah-muda:#fbeceb;--teks:#17271e;--teks-label:#3d5a4b;--teks-redup:#4d6a5b;--teks-nonaktif:#6f8f7e;--latar:#eef6f1;--permukaan:#f3f9f5;--permukaan-belang:#f5faf7;--terpilih:#cfe9db;--garis:#d4e7db;--garis-tipis:#e5f1ea;--garis-isian:#bcd8c7;--putih:#fff;--lebar-menu:232px;--lebar-isian-qty:72px;--lebar-isian-harga:88px;--lebar-isian-harga-beli:104px;--maks-kode-baris:78px;--merek-hijau:#164c30;--merek-daun:#2e6633;--merek-daun-terang:#8fcfa5}*{box-sizing:border-box}html{font-size:13px}body{color:var(--teks);background:var(--latar);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--hijau)}kbd{border:1px solid var(--garis);background:#fff;border-radius:3px;padding:0 5px;font:11px Segoe UI,system-ui,sans-serif}button kbd{color:inherit;opacity:.75;background:0 0;border-color:currentColor;margin-left:4px}.angka{text-align:right;white-space:nowrap}.halaman{padding:16px 18px 30px}.kepala{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.kepala h1{margin:0;font-size:20px;font-weight:600}.remah{color:var(--teks-redup);margin-bottom:2px;font-size:12px}.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:8px;margin-bottom:14px;padding:12px 16px}.kartu h4{color:var(--teks-label);text-transform:uppercase;letter-spacing:.03em;margin:0 0 10px;font-size:13px}.lencana{border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.l-hijau{background:var(--hijau-muda);color:var(--hijau)}.l-ungu{background:var(--ungu-muda);color:var(--ungu)}.l-biru{background:var(--biru-muda);color:var(--biru)}.l-netral{background:var(--permukaan);color:var(--teks-label);box-shadow:inset 0 0 0 1px var(--garis)}.l-merah{background:var(--merah-muda);color:var(--merah)}.pesan-salah{background:var(--merah-muda);color:var(--merah);border-radius:6px;padding:8px 10px}.pesan-info{background:var(--hijau-muda);color:var(--hijau-2);border:1px solid var(--hijau-garis);border-left:4px solid var(--hijau);border-radius:6px;padding:8px 10px}@media (max-width:760px){.halaman{padding:12px}}@media (min-width:761px){.lekat{top:var(--bar-app,50px);z-index:4;background:var(--latar);padding-bottom:10px;position:sticky;margin-bottom:4px!important}}.badan{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;margin-top:14px;display:grid}.badan>*{min-width:0}.isian3,.isian2{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;display:grid}.isian2{grid-template-columns:repeat(2,minmax(0,1fr))}.isi{flex-direction:column;gap:3px;min-width:0;display:flex}.isi>label,.isi>.label{color:var(--teks-redup);font-size:12px}.isi>small{color:var(--teks-redup);font-size:11px}.isi.lebar-2{grid-column:span 2}.kepala-rapat{flex-wrap:wrap;align-items:flex-start;gap:8px 16px;display:flex}.kepala-rapat>.isi{flex:var(--isi-flex,0 0 auto);width:var(--isi-lebar,190px);max-width:var(--isi-maks,none)}.lebar-tanggal{--isi-lebar:150px}.lebar-tanggal-dok{--isi-lebar:172px}.lebar-nomor{--isi-lebar:170px}.lebar-pilihan{--isi-lebar:190px}.lebar-uang{--isi-lebar:150px}.lebar-isi{--isi-lebar:auto}.lebar-nama{--isi-flex:1 1 260px;--isi-lebar:auto;--isi-maks:380px}.lebar-sisa{--isi-flex:1 1 200px;--isi-lebar:auto}.kepala-rapat>.isi.sakelar{align-self:center;width:auto}.kepala-rapat>p{flex-basis:100%}.kepala-rapat>.isi>label,.kepala-rapat>.isi>.label-aksi{align-items:center;gap:4px;min-height:18px;display:flex}.isi.penuh{grid-column:1/-1}.isi.sakelar{flex-direction:row;align-items:center;gap:8px}.isi.sakelar>label{color:var(--teks);font-size:13px}.isi :is(.p-inputtext,.p-select,.p-multiselect,.p-inputnumber,.p-password,.p-textarea){width:100%}.kv{overflow-wrap:anywhere;grid-template-columns:110px minmax(0,1fr);gap:5px 8px;margin-bottom:12px;display:grid}.kv>span{color:var(--teks-redup)}.pratinjau h3{overflow-wrap:anywhere;margin:0;font-size:16px}.pratinjau .sub{color:var(--teks-redup);margin:2px 0 10px}.pratinjau h5{color:var(--teks-redup);text-transform:uppercase;margin:14px 0 6px;font-size:12px}.daftar-kecil>div{border-bottom:1px dashed var(--garis);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.pintas a{border-bottom:1px solid var(--garis-tipis);align-items:center;gap:10px;padding:8px 0;display:flex}.pintas a:last-child{border:0}.pintas .ik{background:var(--hijau-muda);width:30px;height:30px;color:var(--hijau);border-radius:6px;flex:none;place-items:center;display:grid}.pintas b{display:block}.pintas small{color:var(--teks-redup)}.pintas .jml{color:var(--hijau);margin-left:auto;font-weight:700}.ringkasan>div{justify-content:space-between;gap:8px;padding:4px 0;display:flex}.ringkasan>div>span:first-child{color:var(--teks-redup)}.petunjuk{color:var(--teks-redup);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;display:flex}.pesan-ungu{background:var(--ungu-muda);color:var(--ungu);border-radius:6px;padding:8px 10px}.pesan-belum-diisi{background:var(--ungu-muda);color:var(--ungu);border-left:4px solid var(--ungu);border-radius:6px;padding:8px 10px}.p-select.wajib-kosong,.p-inputtext.wajib-kosong,.wajib-kosong .p-inputtext,.wajib-kosong input:not([type=checkbox]):not([type=radio]){border-color:var(--ungu)}.redup{color:var(--teks-nonaktif)}@media (max-width:1100px){.badan{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.isian3,.isian2{grid-template-columns:minmax(0,1fr)}.isi.lebar-2{grid-column:auto}.kepala-rapat>.isi{flex:100%;width:100%;max-width:none}}fieldset:disabled :is(.p-select,.p-multiselect,.p-toggleswitch,.p-checkbox,.p-inputnumber,.p-password){pointer-events:none;opacity:.7}.p-select.pilih-baris{width:calc(min(var(--isi-lebar,36px), var(--maks-kode-baris)) + 24px)}@media (min-width:1601px){:root{--maks-kode-baris:120px}}.p-select.pilih-baris .p-select-label{padding:6px 0 6px 6px}.p-select.pilih-baris .p-select-dropdown{width:16px}.pilih-baris-ket{color:var(--teks-redup);margin-left:8px;font-size:12px}@media (max-width:760px){table.tabel-tumpuk,.tabel-tumpuk tbody,.tabel-tumpuk tr,.tabel-tumpuk td{width:auto;display:block}.tabel-tumpuk thead{display:none}.tabel-tumpuk tr{border-bottom:1px solid var(--garis);padding:6px 36px 6px 0;position:relative}.tabel-tumpuk td{text-align:left!important;border:0!important;padding:2px 0!important}.tabel-tumpuk td.no{display:none}.tabel-tumpuk td[data-label]:before{content:attr(data-label);color:var(--teks-redup);font-size:11px;display:block}.tabel-tumpuk td.aksi{position:absolute;top:4px;right:0}.tabel-tumpuk.kisi tbody tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;padding:8px 0;display:grid}.tabel-tumpuk.kisi tbody td{white-space:normal;width:auto;min-width:0;text-align:left!important}.tabel-tumpuk.kisi tbody td.brg{order:-1;grid-column:1/-1;padding-right:40px!important}.tabel-tumpuk.kisi tbody td.kosong{grid-column:1/-1;text-align:center!important}.tabel-tumpuk.kisi tbody td.brg .batch{flex-wrap:wrap}.tabel-tumpuk.kisi tbody td.jml{font-weight:600}.tabel-tumpuk.kisi tbody td:not(.brg) :is(.p-inputnumber,.p-inputnumber-input,.p-select){width:100%;min-width:0}.tabel-tumpuk.kisi tbody td:not(.brg) .p-select-label{padding:6px 4px 6px 8px}.tabel-tumpuk.kisi tbody td:not(.brg) .p-select-dropdown{width:22px}}@keyframes sorot-baris{0%{background:var(--hijau-muda)}to{background:0 0}}tr.stok-kurang>td:first-child{box-shadow:inset 3px 0 0 var(--merah)}@media (max-width:760px){.tabel-tumpuk tr.stok-kurang{box-shadow:inset 3px 0 0 var(--merah)}}.teks-stok-kurang{color:var(--merah);white-space:normal;font-size:12px;font-weight:600;display:block}tr.baris-disorot>td,.baris-disorot:not(tr){animation:1.5s ease-out sorot-baris}@media (prefers-reduced-motion:reduce){tr.baris-disorot>td,.baris-disorot:not(tr){background:var(--hijau-muda);animation:none}}
