/* Sistem Akuntansi OMNA - lembar gaya tunggal, tanpa kerangka kerja luar */
:root{
  --tinta:#1a1a1a; --redup:#6b6b6b; --garis:#d8d8d8; --latar:#f6f7f9;
  --biru:#1f3864; --biru-muda:#b8cce4; --kuning:#ffe14d; --hijau:#1e7a3c;
  --merah:#b3261e; --putih:#fff;
}
*{box-sizing:border-box}
body{margin:0;font:14px/1.5 Calibri,"Segoe UI",system-ui,sans-serif;color:var(--tinta);background:var(--latar)}
a{color:var(--biru);text-decoration:none}
.bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--biru);color:#fff;padding:10px 18px}
.merek{font:700 18px Cambria,Georgia,serif;letter-spacing:.5px}
.merek span{font-weight:400;opacity:.8}
.bar nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.bar nav a{color:#dbe5f5;padding:6px 11px;border-radius:4px}
.bar nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.bar nav a.aktif{background:var(--kuning);color:#1a1a1a;font-weight:700}
.pengguna{font-size:12.5px;color:#cfdcf0}
.pengguna .keluar{color:#ffd0cc;margin-left:10px}
main{max-width:1400px;margin:0 auto;padding:20px}
.kepala{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
h1{font:700 22px Cambria,Georgia,serif;margin:0}
h2{font:700 15px Cambria,Georgia,serif;margin:24px 0 8px}
h2.blok{background:var(--biru-muda);padding:6px 10px;border:1px solid #000;margin-top:22px}
.rentang{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--redup)}
input,select{font:14px Calibri,sans-serif;padding:6px 8px;border:1px solid var(--garis);border-radius:4px;background:#fff}
input.mini{width:150px}
button,.tombol{font:600 13.5px Calibri,sans-serif;padding:7px 14px;border:0;border-radius:4px;
  background:var(--biru);color:#fff;cursor:pointer;display:inline-block}
button:hover,.tombol:hover{opacity:.9}
button.kecil{padding:4px 9px;font-size:12.5px}
button.setuju{background:var(--hijau)} button.tolak{background:var(--merah)}
.panel{background:#fff;border:1px solid var(--garis);border-radius:6px;padding:16px;margin-bottom:18px}
.borang{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.borang label.lebar{flex:1;min-width:280px}
.sebaris{display:flex;gap:6px;align-items:center}
table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
th,td{border:1px solid #000;padding:5px 7px;vertical-align:top}
thead th{background:var(--kuning);font-weight:700;text-align:center}
table.rapat td,table.rapat th{padding:3px 6px}
table.sempit{max-width:900px}
.ka{text-align:right;white-space:nowrap}
.tg{text-align:center}
.mono{font-family:Consolas,monospace;font-size:12px}
.kecil-teks{font-size:11.5px;color:var(--redup)}
tr.subtotal td{background:var(--biru-muda);font-weight:700}
tr.judul-blok td{background:#eee;font-weight:700}
tr.sorot-baris td{background:var(--kuning);font-weight:700}
tr.galat-baris td{background:#ffd6d2;font-weight:700}
tr.keluar td{background:#ffecec}
.kisi-4,.kisi-3{display:grid;gap:12px;margin-bottom:14px}
.kisi-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.kisi-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.kotak{background:#fff;border:1px solid var(--garis);border-left:4px solid var(--biru);border-radius:6px;padding:12px 14px}
.kotak span{display:block;font-size:12px;color:var(--redup)}
.kotak strong{font:700 19px Cambria,Georgia,serif}
.kotak.sorot{border-left-color:var(--kuning);background:#fffdf0}
.kabar{padding:10px 14px;border-radius:5px;margin-bottom:14px;font-size:13.5px}
.kabar.ok{background:#e6f4ea;border:1px solid #b7dfc4}
.kabar.galat{background:#fdecea;border:1px solid #f3c3bd}
.galat-teks{color:var(--merah)}
.kosong{color:var(--redup);font-style:italic;text-align:center;padding:14px}
.petunjuk{font-size:12.5px;color:var(--redup);margin-top:8px}
.lencana{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11.5px;font-weight:700;background:#eee}
.lencana.terbuka,.lencana.disetujui,.lencana.lunas{background:#dff3e4;color:#12662f}
.lencana.diajukan{background:#fff3cd;color:#7a5b00}
.lencana.ditolak,.lencana.keluar{background:#fdecea;color:var(--merah)}
.lencana.dicairkan,.lencana.terkunci{background:#e3ecfa;color:var(--biru)}
.lencana.belumlunas{background:#fff3cd;color:#7a5b00}
footer{max-width:1400px;margin:20px auto;padding:14px 20px;color:var(--redup);font-size:12px;border-top:1px solid var(--garis)}
.latar-masuk{display:grid;place-items:center;min-height:100vh;background:var(--biru)}
.kartu-masuk{background:#fff;padding:30px;border-radius:8px;width:340px;display:flex;flex-direction:column;gap:12px}
.kartu-masuk h1{font-size:24px;text-align:center;margin:0}
.kartu-masuk h1 span{font-weight:400;color:var(--redup)}
.kartu-masuk .sub{text-align:center;color:var(--redup);font-size:12.5px;margin:0 0 6px}
@media(max-width:760px){.bar{gap:10px}.kepala{align-items:flex-start}table{font-size:12px}}

/* --- Galeri bukti transaksi --- */
.galeri{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.slip{margin:0;background:#fff;border:1px solid var(--garis);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}
.slip img{width:100%;height:150px;object-fit:cover;border-radius:4px;background:#f0f0f2;display:block}
.slip .pdf-tanda{width:100%;height:150px;display:grid;place-items:center;background:#f0f0f2;border-radius:4px;font-weight:700;color:var(--redup)}
.slip figcaption{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.35}
.slip figcaption strong{font-family:Consolas,monospace;font-size:11.5px}
.slip form{margin-top:2px}
.slip form input.mini{width:100%;font-size:11.5px;padding:3px 5px}