/* Tambahan kecil untuk versi Laravel (rupa tetap simulasi v24 di app.css). */
a.stat, a.pil, span.stat { text-decoration: none; }
a.stat.redup, a.redup, .pintas a.redup, .tabbar a.redup, .nav a.redup { opacity: .5; }
.atas form { display: contents; }
.btn.bahaya { background: #fde8e6; border-color: #f3c6c1; color: #b42318; }
.btn.utama.bahaya { color: #fff; } /* L0.2.1.1: tombol ya pada dialog Batalkan/Catat kehilangan sempat merah di atas merah */
.kaki-hal { display: inline-flex; align-items: center; gap: 6px; }
.kaki-hal a { text-decoration: none; font-weight: 700; padding: 0 6px; }
.kaki-hal .mati { opacity: .35; padding: 0 6px; }
.kaki-hal select.per-hal { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.btn.filter.on { background: #e6f3f3; border-color: #9ccfcd; }
.cb-wadah { position: relative; }
.cb-daftar { position: absolute; z-index: 60; left: 0; right: 0; top: calc(100% + 4px); max-height: 280px; overflow: auto; background: #fff; border: 1px solid var(--line, #dbe8eb);
  border-radius: 12px; box-shadow: 0 12px 30px rgba(18, 61, 89, .18); padding: 4px; min-width: 260px; }
.cb-daftar div { padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 14px; }
.cb-daftar div[aria-selected="true"], .cb-daftar div:hover { background: #e6f3f3; }
.cb-daftar .cb-kosong { color: #657b88; cursor: default; }
.lampir.terisi { border-style: solid; }
tr.baris-batal td { opacity: .55; }
.modal textarea.in { width: 100%; margin-top: 8px; }
.pop-filter-isi label.f { margin-top: 8px; }
details summary { cursor: pointer; color: var(--brand, #245f89); }
@media print {
  .nav, .atas, .tabbar, .tombol, .bilah-aksi, .alat-baris, .kaki, .tirai, .pesan-ok { display: none !important; }
  .bingkai, .utama { display: block !important; margin: 0 !important; }
  body { background: #fff; }
}
table.app td .cb-wadah { min-width: 240px; }
.tabel-ju td .cb-wadah { min-width: 280px; }
.rk a.tautan { text-decoration: none; }

/* L0.2.1 Produksi & Stok */
a.th { text-decoration: none; }
.pil-baris label.pil { cursor: pointer; }
table.tabel-stok select.in { min-width: 220px; }
table.tabel-stok td .cb-wadah { min-width: 260px; }
table.tabel-bom td .cb-wadah { min-width: 260px; }
.label-latar { z-index: 90; }

/* L0.2.2 Penjualan (sesi scan) */
tr.baris-tolak td { background: #fff5f5; }
tr.baris-tolak td .ket { color: #b42318; }
table.app tr.baru td { background: #eef9f2; transition: background .6s; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kotak-hp { display: none; border: 1px solid #cfe5e5; background: #e9f4f4; border-radius: 12px; padding: 12px 14px; margin: 0 0 14px; gap: 6px; flex-direction: column; }
.kotak-hp .btn { align-self: flex-start; margin-top: 4px; }
@media (max-width: 700px) { .kotak-hp.hanya-hp-b { display: flex; } }
.kotak-scan .cb-daftar div b { font-weight: 700; }
#sesi-scan .hapus-baris { width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--line); background: #fff; cursor: pointer; font-size: 16px; color: #4b5f6a; }
@media (max-width: 700px) { table.app td > * { min-width: 0; overflow-wrap: anywhere; } table.app td .ket, table.app td a { white-space: normal; } }

/* L0.2.3 — Perkiraan HPP (rancangan 02 §3a) */
.kartu-hpp{border:1px solid var(--line,#d9e5ea);border-radius:14px;padding:14px 16px;margin:14px 0;background:#fff}
.kartu-hpp.kuning{border-color:#e5b94a;background:#fff8e6}
.kartu-hpp .kh-judul{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.kartu-hpp .kh-isi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kartu-hpp .kh-isi>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.kartu-hpp .kh-isi>div>span:first-child{font-size:var(--fs-kecil,12.5px);color:var(--muted,#5f7380)}
.kartu-hpp .kh-isi b{font-size:var(--fs-angka,20px)}
.kartu-hpp .kh-kuning{color:#8a5a00}
.peringatan-hpp{border:1px solid #e5b94a;background:#fff8e6;border-radius:12px;padding:12px 14px;margin-top:14px}
.peringatan-hpp ul{margin:6px 0 10px 18px;padding:0}
@media (max-width:700px){.kartu-hpp .kh-isi{grid-template-columns:1fr}}

/* L0.2.3 — kartu ringkasan bisa diklik (perbaikan rupa #3) */
a.rk.klik{color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .15s}
a.rk.klik:hover{box-shadow:0 4px 14px rgba(23,53,74,.12);transform:translateY(-1px)}
a.rk.klik:focus-visible{outline:3px solid #7dbab9;outline-offset:2px}
a.rk.klik.aktif{border:2px solid var(--brand,#1f5f87);box-shadow:0 0 0 3px rgba(31,95,135,.14)}

/* L0.2.3 — Buku Panduan (rancangan 00 §3.5) */
.panduan-hal{background:#f4f7f9;margin:0}
.pd-atas{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;background:#174f73;color:#fff;padding:0 16px;height:56px}
.pd-atas a{color:#fff;text-decoration:none}.pd-atas b{flex:1;font-size:16px}.pd-cetak{border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:6px 10px;font-size:12.5px}
.pd-isi{max-width:900px;margin:0 auto;padding:16px}
.pd-cari{display:flex;gap:8px;margin-bottom:12px}.pd-cari .in{flex:1}
.pd-daftar{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:thin}
.pd-daftar a{flex:none;display:flex;gap:6px;align-items:center;background:#fff;border:1px solid #d9e5ea;border-radius:999px;padding:6px 12px;color:#17354a;text-decoration:none;font-size:12.5px;white-space:nowrap}
.pd-daftar a span{font-weight:700;color:#1f5f87}.pd-daftar a.on{background:#1f5f87;color:#fff;border-color:#1f5f87}.pd-daftar a.on span{color:#fff}
.pd-bab,.laci-kanan .pd-bab{background:#fff;border:1px solid #d9e5ea;border-radius:14px;padding:16px 18px;line-height:1.6;overflow-wrap:anywhere}
.pd-bab h1{font-size:22px;margin:0 0 8px}.pd-bab h2{font-size:16px;margin:18px 0 6px}
.pd-bab img{max-width:100%;height:auto;border:1px solid #d9e5ea;border-radius:10px;margin:6px 0}
.pd-bab ol,.pd-bab ul{padding-left:22px}.pd-bab li{margin:3px 0}.pd-bab code{background:#f4f7f9;padding:1px 5px;border-radius:5px}
.pd-hasil{padding:10px 0;border-bottom:1px solid #eef2f4}
.laci-kanan .pd-bab{border:0;padding:4px 2px}
.laci-kanan .pd-cari-laci{display:flex;gap:6px;margin:0 0 10px}.laci-kanan .pd-cari-laci .in{flex:1}
.laci-kanan .pd-aksi{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.bantu-item.layar-ini{border-color:#1f5f87;background:#eef5f9}