/* ============================================================
   ACCURATE-STYLE PROFESSIONAL SKIN — scoped ke workspace Akuntansi
   (#fi-accounting.acc-pro). Tujuan: modul komersial/akuntansi terasa
   seperti software akuntansi profesional (familiar utk tim yang migrasi
   dari ACCURATE) — header modul, tabel buku-besar rapi, angka rata-kanan
   tabular, aksen navy+emas brand MMN. Additive & SCOPED: tak menyentuh
   tab lain. ============================================================ */
.acc-pro{--ap-navy:#0e2a4f;--ap-gold:#c49a48;--ap-gold-d:#a07f34;--ap-line:#22325a}

/* ── Header modul (ala title-bar ACCURATE) ── */
.accpro-head{background:linear-gradient(120deg,#0e2a4f,#0c1830 62%);
  border:1px solid #1d3358;border-left:4px solid var(--ap-gold);border-radius:12px;
  padding:14px 18px;margin-bottom:14px;box-shadow:0 10px 28px -16px rgba(0,0,0,.7)}
.accpro-crumb{font-size:11px;letter-spacing:.5px;color:#8aa0c8;text-transform:uppercase;font-weight:600}
.accpro-crumb b{color:var(--ap-gold)}
.accpro-crumb span{opacity:.45;margin:0 6px}
.accpro-title{font-size:18px;font-weight:750;color:#fff;letter-spacing:-.3px;margin-top:3px}
.accpro-tag{font-size:12px;color:#9fb0d0;margin-top:2px}
.accpro-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.accpro-chip{font-size:10.5px;font-weight:600;letter-spacing:.3px;color:#dfe8fb;
  background:rgba(196,154,72,.14);border:1px solid rgba(196,154,72,.34);
  padding:3px 9px;border-radius:20px}

/* ── Kartu jadi panel ledger ── */
.acc-pro .cd{border-radius:12px;border-color:#1c2c4d}
.acc-pro .cd-t::before{background:linear-gradient(180deg,var(--ap-gold),var(--ap-gold-d));height:16px}

/* ── Filter bar jadi toolbar modul ── */
.acc-pro .fb{background:linear-gradient(180deg,#0f1d36,#0c1626);border-color:#1c2c4d;border-radius:10px}
.acc-pro .fb .go{background:linear-gradient(135deg,var(--ap-gold),var(--ap-gold-d));color:#1a1206;
  box-shadow:0 4px 12px -6px rgba(196,154,72,.6)}

/* ── Tabel ledger: padat, bergaris, zebra, angka tabular rata-kanan ── */
/* Bingkai + sudut membulat + klip dipindah ke WRAPPER .tw (bukan ke <table>),
   supaya tabel lebar bisa melebar penuh & .tw yang nge-scroll horizontal —
   bukan kepotong. overflow:hidden di <table width:100%> = isi kolom kanan ke-clip. */
.acc-pro .tw{border:1px solid var(--ap-line);border-radius:8px;overflow:auto;-webkit-overflow-scrolling:touch}
.acc-pro .tbl{font-size:12px;border:0}
.acc-pro .tbl th{background:#0e2240;color:#a9bce0;font-size:10.5px;letter-spacing:.4px;
  border-bottom:1px solid #24365f;padding:9px 12px}
.acc-pro .tbl td{padding:8px 12px;border-bottom:1px solid rgba(34,50,90,.55);font-variant-numeric:tabular-nums}
.acc-pro .tbl tbody tr:nth-child(even){background:rgba(20,32,58,.32)}
.acc-pro .tbl tbody tr:hover{background:rgba(196,154,72,.08)}
.acc-pro .tbl tr.acc-total td{background:#0e2240;font-weight:700;color:#fff;border-top:2px solid var(--ap-gold)}

/* ── KPI jadi metric-tile profesional (strip emas) ── */
.acc-pro .kc::before{background:linear-gradient(90deg,var(--ap-gold),transparent 72%)}
.acc-pro .kv{text-shadow:none;letter-spacing:-.5px;font-size:24px}
.acc-pro .kg{gap:10px}

/* ── Catatan info → callout bertepi emas ── */
.acc-pro .es{border-left:3px solid var(--ap-gold);background:rgba(196,154,72,.05);border-radius:8px}

/* ── Anti-terpotong di HP: cegah grid/flex anak memaksa scroll dokumen ──
   Penyebab "terpotong" = satu elemen lebih lebar dari kartu memaksa
   horizontal-scroll seluruh halaman. min-width:0 biar anak boleh menyusut,
   tabel tetap nge-scroll di dalam .tw (bukan kepotong). */
@media(max-width:600px){
  #fi-accounting{overflow-x:hidden}
  #fi-accounting .kg>*,#fi-accounting .frow>*,#fi-accounting .frm>*{min-width:0}
  #fi-accounting #ppn-spt-wrap{grid-template-columns:1fr}
}