/* ============================================================
   MOBILE FIT v1 — tutup "kepotong di kanan" pada layar sempit (HP).
   Additive & reversible. Diverifikasi headless Chrome CDP @390px.

   AKAR MASALAH (bukan min-width:auto seperti dugaan lama):
   .sc adalah FLEX-ITEM dari #app (display:flex;flex-direction:column).
   .sc juga punya `margin:0 auto` untuk centering di desktop. Pada flex,
   auto-margin di sumbu-silang MEMATIKAN align-items:stretch, sehingga .sc
   tidak lagi mengikuti lebar layar (390px) melainkan menyusut/melar ke
   lebar KONTEN-nya (tabel cockpit ~1228px). Kelebihannya lalu dipotong
   body{overflow-x:hidden} → terlihat "kepotong" & tak bisa di-scroll.
   Fix lama (min-width:0 di .sc) tak menyembuhkan karena masalahnya bukan
   shrink-below-min-content, tapi auto-margin mematikan stretch.

   SOLUSI: paksa setiap section mengisi lebar container (width:100%).
   max-width:1560 + margin:0 auto tetap berlaku untuk centering di desktop.
   Berlaku untuk SEMUA tab, bukan hanya Home. ============================ */
.sc{width:100%}

/* COCKPIT (Home) — kartu/tabelnya pakai class sendiri (.ck-*), jadi luput
   dari fix .tw/.g* yang lama. Izinkan grid-item menyusut, dan tabel lebar
   men-scroll DI DALAM kartunya alih-alih mendorong halaman. ============= */
#cockpit-panel,.ck-grid,.ck-card{min-width:0}
.ck-grid>*{min-width:0}
.ck-card{overflow-x:auto}
.ck-tbl{min-width:0}

/* Jaring pengaman: di layar sempit, kontainer tabel umum tetap scroll
   internal (bukan memotong). .tw sudah, ini menambah pembungkus cockpit. */
@media(max-width:760px){
  #cockpit-panel{padding-left:12px;padding-right:12px}
}

/* GOVERNANCE HEALTH (Home) — kartu skor dibangun sbg <div> polos (bukan .kc)
   di grid .kg, jadi luput dari fix `.cd,.kc,.wc{min-width:0}` di 026. Default
   min-width:auto bikin baris-alasan (white-space:nowrap) memaksa min-content
   kolom melebar → body ke 632px @390px = "kepotong di kanan". Izinkan SEMUA
   sel grid .kg menyusut; teks alasan sudah overflow:hidden+ellipsis jadi
   memotong rapi, bukan mendorong halaman. Aman utk .kc (sudah min-width:0 &
   nilai KPI sudah shrink-to-fit). =========================================== */
.kg>*{min-width:0}

/* Pengaman tambahan: panel mana pun yang menaruh grid .kg di dalamnya tetap
   boleh menyusut mengikuti lebar layar. */
#gov-panel,#gov-health{min-width:0;max-width:100%}