/* 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}

/* ===== L0.3.0 · Rekonsiliasi Marketplace (tahap 3A‑1) ===== */
.lencana-menu{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#d64545;color:#fff;font-style:normal;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.bingkai.ciut .nav .lencana-menu{position:absolute;left:44px;margin:0;transform:translateY(-10px)}
.nav a{position:relative}
.tautan-unduh{margin:0 0 16px}
.tautan-unduh summary{cursor:pointer;font-size:var(--fs-isi)}
.tu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:10px}
.tu-grid h4{margin:0 0 6px;font-size:var(--fs-isi)}
.tu-grid ol{margin:0;padding-left:20px;font-size:var(--fs-kecil)}
.tu-grid li{margin:0 0 6px}
.tu-grid li .ket{display:block}
.kotak-seret{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed #9fc1cf;border-radius:14px;padding:34px 16px;background:#fbfdfd;cursor:pointer;text-align:center;font-size:var(--fs-isi)}
.kotak-seret.di-atas{background:#e7f3f6;border-color:var(--brand)}
.kotak-seret.sibuk{opacity:.6;pointer-events:none}
.kotak-seret u{color:var(--brand)}
.daftar-cek{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.daftar-cek li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff;font-size:var(--fs-kecil)}
.daftar-cek li .ket{display:block;margin-top:2px}
.cek-ikon{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;background:#eef2f4;color:var(--muted)}
.cek-lolos .cek-ikon{background:var(--ok-bg);color:var(--ok)}
.cek-gagal{border-color:#f1b8b2!important}.cek-gagal .cek-ikon{background:#fde8e6;color:var(--danger)}
.cek-peringatan{border-color:#e9cf8a!important;background:#fffaf0!important}.cek-peringatan .cek-ikon{background:var(--warn-bg);color:var(--warn)}
.kartu-mp{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.kartu-mp div span:last-child:not(:first-child){font-size:var(--fs-mini);color:var(--muted)}
.kartu-mp .teal{border-color:#9fd3cf;background:#f1faf9}
.kartu-mp .garis{border-style:dashed}
table.jurnal-mp tr.total td{border-top:2px solid var(--line);background:#f7fafb}
.tebal{font-weight:700;color:var(--danger)}
details.tandai{display:inline-block}
details.tandai summary{list-style:none;display:inline-flex}
details.tandai summary::-webkit-details-marker{display:none}
details.tandai form{display:flex;gap:6px;margin-top:6px;min-width:240px}
.pengingat-mp{margin-top:22px;border-color:#e9cf8a;background:#fffaf0;max-width:1130px}
.pengingat-mp h4{color:var(--warn)}
.pengingat-mp ul{margin:0;padding-left:20px;font-size:var(--fs-isi)}
tr.baris-anak td{background:#fafcfc}
@media (max-width:900px){.tu-grid{grid-template-columns:minmax(0,1fr)}.kartu-mp{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.ringkasan.k5-mp{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:700px){.ringkasan.k5-mp{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-saring .f-sebaris{flex-wrap:wrap;width:100%}.mp-saring .f-sebaris select{width:100%;min-width:0}}

/* ===== 3A‑2 Rekonsiliasi bank (L0.3.1) ===== */
.tab-dalam a{padding:10px 16px;font-size:var(--fs-isi);font-weight:var(--fw-kuat);color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}
.tab-dalam a.on{color:var(--nav-deep);border-bottom-color:var(--brand)}
.rek-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:6px}
.rek-nama b{display:block;font-size:var(--fs-bagian)}.rek-nama span{font-size:var(--fs-kecil);color:var(--muted)}
.rek-angka{display:grid;grid-template-columns:repeat(4,minmax(150px,auto));gap:6px 22px}
.rek-angka div{display:flex;flex-direction:column}.rek-angka span{font-size:var(--fs-mini);color:var(--muted)}.rek-angka b{font-size:var(--fs-bagian);font-variant-numeric:tabular-nums}
.rek-angka .merah b{color:var(--danger)}.rek-angka .hijau b{color:var(--ok)}
.baris-rekom{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#eef9f2;border:1px solid #b9e2c8;border-radius:10px;padding:10px 14px;margin:0 0 12px}
table.dua-sisi th.sisi{background:#eef3f6;text-transform:none;font-size:var(--fs-kecil)}
table.dua-sisi td.kanan,table.dua-sisi th.kanan{border-left:2px solid #d9e4ea;min-width:360px;width:44%}
table.dua-sisi td.ket-bank{max-width:300px}
.rekom{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#fff}
.rekom.pasti{border-color:#b9e2c8;background:#f4fbf6}.rekom.perlu{border-color:#f0d9a6;background:#fffaf0}.rekom.ok{background:#f4fbf6;border-color:#b9e2c8}
.rekom.kosong-rekom{background:#fafbfc}
.rekom .dok{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:baseline}.rekom .dok .ket{grid-column:1}.rekom .dok .uang{grid-row:1;grid-column:2;text-align:right}
.tombol-rekom{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
tr.baris-manual td{background:#fbfbf3}
@media (max-width:900px){.rek-angka{grid-template-columns:repeat(2,minmax(0,1fr))}table.dua-sisi td.kanan{min-width:0;width:auto;border-left:0}}
.rekom > .btn,.rekom > a.btn{align-self:flex-start}
/* Lonceng pengingat (perbaikan rupa #4, L0.3.1): kiri foto profil */
.atas .lonceng{position:relative}
.lencana-lonceng{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d64545;color:#fff;font-style:normal;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}
.pop.pop-kanan{width:380px;max-width:calc(100vw - 16px);white-space:normal}
.pop-lonceng-isi{display:flex;flex-direction:column}
.pop-lonceng-isi .pl-judul{padding:8px 12px 4px;font-size:var(--fs-isi)}
.pop-lonceng-isi .pl-grup{padding:8px 12px 2px;font-size:var(--fs-mini);font-weight:var(--fw-kuat);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.pop-lonceng-isi a{white-space:normal;font-size:var(--fs-kecil);line-height:1.35}

/* ===== 3A-2 Laporan ===== */
.lap-cek{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.lap-cek > div{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-radius:10px;font-size:var(--fs-kecil);border:1px solid var(--line)}
.lap-cek > div span{color:inherit;opacity:.85}
.lap-cek > div.ok{background:#eaf6ee;border-color:#bfe3cb;color:#1f6b3a}
.lap-cek > div.gagal{background:#fdeceb;border-color:#f3c3be;color:#a3261b}
table.app.lap .lap-subjudul td{font-weight:var(--fw-kuat);color:#3d5463;padding-top:12px;border-bottom:1px solid var(--line)}
table.app.lap .lap-hitung td{font-weight:var(--fw-kuat);background:#f3f7f9;border-top:1.5px solid #c9d8e0}
table.app.lap .lap-info-baris td{color:var(--muted);font-style:italic;font-size:var(--fs-kecil)}
table.app.lap td.lap-ind1{padding-left:22px}
table.app.lap td.lap-ind2{padding-left:38px}
table.app.lap td.lap-ind3{padding-left:54px}
table.app.lap td.merah-teks,table.app.lap .merah-teks{color:#a3261b}
table.app.lap td a{color:inherit;text-decoration:none;border-bottom:1px dotted #9fb6c3}
table.app.lap td a:hover{color:var(--brand,#0b6e8a)}
.lap-tabel-judul{margin:18px 0 6px;font-size:var(--fs-isi);color:var(--ink)}
@media (max-width:640px){.lap-filter > div:not(.lap-tombol){width:100%}table.app.lap td.lap-ind1,table.app.lap td.lap-ind2,table.app.lap td.lap-ind3{padding-left:inherit}}
/* L0.3.1.1 S9: kartu merah paket terkirim tanpa scan + butir lonceng penting */
.kartu-merah{margin-top:22px;border-color:#f2c1bd;background:#fff5f5;max-width:1130px}
.kartu-merah h4{color:var(--danger)}
.pop-lonceng-isi a.pl-penting{color:var(--danger);font-weight:var(--fw-kuat)}