/* ============================================================
   BROWSER FIT v1 — fix "kepotong di kanan" pada layar browser.
   Masalah: tabel lebar (terutama RKAB 10 kolom) melebihi viewport
   + body{overflow-x:hidden} = konten kanan terpotong tanpa bisa scroll.
   Solusi: tabel lebar dibungkus div scroll, kolom header diperkecil,
   font-size dikurangi di viewport sempit. Tidak pakai display:block
   pada tabel (merusak layout). Additive.
   ============================================================ */

/* ── 1. Kontainer tabel scroll internal ── */
.tw{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}
.cd>.tw,.cd .tw{min-width:0;max-width:100%}

/* ── 2. Section tidak boleh melar melebihi viewport ── */
.sc.active{width:100%;max-width:100vw}

/* ── 3. Semua tabel di section aktif: scrollable jika lebar ── */
.sc.active table,
.sc.active .tbl{min-width:0;max-width:100%}

/* ── 4. Layar sempit (≤1280px): perkecil tabel & font ── */
@media(max-width:1280px){
  .sc{padding:14px}
  .tb{padding:10px 14px}
  .tb .lg-t{font-size:14px}
  .ua{gap:8px}
  .bd{padding:5px 10px;font-size:11px}
  .kg{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
  .kc{padding:14px}
  .kv{font-size:24px}
  .ck-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .ck-grid{grid-template-columns:1fr}
  .cd{padding:14px}
  .fb{padding:10px 14px;gap:8px}
  .fb .sel,.fb input,.fb .go{font-size:12px;padding:7px 10px}
  /* tabel lebih rapat */
  .tbl th,.tbl td{padding:7px 9px;font-size:11.5px}
  .tbl th{font-size:10px;letter-spacing:.2px}
  .ck-tbl th,.ck-tbl td{padding:4px 5px;font-size:10px}
}

/* ── 5. Layar sempit (≤1100px): nav diperkecil ── */
@media(max-width:1100px){
  .ng-bar{gap:3px;padding:6px 10px}
  .ng{padding:8px 12px;font-size:12px}
  .mn{padding:4px 10px}
  .nt{padding:8px 12px;font-size:12px}
  .gsrch input{max-width:200px}
}

/* ── 6. Layar tablet (≤900px): grid jadi 1 kolom ── */
@media(max-width:900px){
  .g3,.g4{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
  .tbl th,.tbl td{padding:6px 8px;font-size:11px}
  .tbl th{font-size:9.5px}
}

/* ── 7. Perbaiki tabel RKAB: header panjang diperkecil ── */
@media(max-width:1280px){
  .tbl th:nth-child(8),.tbl th:nth-child(9){min-width:80px}
  .tbl td:nth-child(8),.tbl td:nth-child(9){font-size:11px}
  /* text wrap di cell panjang */
  .tbl td{white-space:normal}
  .tbl th{white-space:normal}
}

/* ── 8. Fix cockpit panel di viewport sempit ── */
@media(max-width:1280px){
  #cockpit-panel{padding:12px}
  .ck-head{flex-direction:column;align-items:flex-start}
  .ck-title{font-size:13px}
  .ck-kpi .kpi-v{font-size:20px}
}

/* ── 9. Filter bar tidak overlap ── */
@media(max-width:1000px){
  .fb{flex-wrap:wrap}
  .fb>*{flex:1 1 auto;min-width:140px}
}