/* SIM-LP3H global responsive layer — dimuat setelah style per-halaman agar menang cascade */
.hcc-burger{display:none}
.hcc-overlay{display:none}
img,video{max-width:100%;height:auto}
input,select,textarea{max-width:100%}
.hcc-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:12px}

@media(max-width:992px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}

  /* Tombol menu */
  .hcc-burger{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:1102;width:44px;height:44px;border:none;border-radius:12px;background:#065F46;color:#fff;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer}
  .hcc-burger:active{transform:scale(.95)}

  /* Overlay */
  .hcc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1100;opacity:0;pointer-events:none;transition:opacity .25s}
  body.hcc-nav-open .hcc-overlay{display:block;opacity:1;pointer-events:auto}

  /* Sidebar jadi off-canvas penuh */
  aside.sidebar,aside.sb{position:fixed!important;top:0!important;left:0!important;height:100vh!important;height:100dvh!important;width:280px!important;max-width:84vw!important;transform:translateX(-105%);transition:transform .28s ease;z-index:1101!important;overflow-y:auto!important;box-shadow:4px 0 24px rgba(0,0,0,.3)}
  body.hcc-nav-open aside.sidebar,body.hcc-nav-open aside.sb{transform:translateX(0)}

  /* Pulihkan label menu yang disembunyikan gaya lama (mode 80px) */
  .sidebar-logo h1,.sb-l h1{display:block!important}
  .sidebar-logo span,.menu-item span,.menu-item .badge-count,.sb-l span,.mi span{display:inline!important}
  .menu-title,.mt{display:block!important}
  .menu-item,.mi{justify-content:flex-start!important;padding:13px 22px!important}
  .sidebar-logo,.sb-l{justify-content:flex-start!important}

  /* Konten penuh + ruang untuk tombol menu */
  .main-content,.mc{margin-left:0!important;padding:68px 14px 24px!important;width:100%!important;max-width:100vw}
  .top-bar,.tb{flex-wrap:wrap;gap:10px}

  /* Grid menyusut */
  .stats-grid,.sg{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .charts-grid,.content-grid,.cg,.form-grid{grid-template-columns:1fr!important}
  .span-2,.span-3{grid-column:span 1!important}
  .form-row{display:flex!important;flex-wrap:wrap!important;gap:10px}
  .form-row>*{flex:1 1 100%!important;min-width:0!important}

  /* Tabel: geser horizontal, jangan remuk */
  .table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .hcc-tablewrap>table,.table-container>table{min-width:620px}

  /* Modal muat layar */
  .modal-content,.modal-box,.modal-dialog{width:auto!important;max-width:94vw!important;margin:14px!important;max-height:92vh;overflow-y:auto}

  .card-header{flex-wrap:wrap;gap:8px}
  .chart-box{height:240px!important}
  .chart-box.tall{height:300px!important}
}

@media(max-width:560px){
  .stats-grid,.sg{grid-template-columns:1fr!important}
  .mini-stats{grid-template-columns:repeat(2,1fr)!important}
  .top-bar h2{font-size:19px!important}
  .top-bar,.tb{padding:14px 16px!important}
  .stat-card .number{font-size:22px!important}
  .btn-sm{padding:8px 12px!important}
  .card-body{padding:16px!important}
  .chart-card{padding:16px!important}
}