/* =========================================================
   FIX PANEL RINGKASAN AGAR TIDAK MENUTUP PETA DI HP
========================================================= */

#mobileSummaryBtn,
#mobileSummaryClose{
  display:none;
}

@media(max-width:850px){

  /* Ringkasan kanan atas tidak tampil otomatis di HP */
  .map-card{
    display:none!important;
  }

  /* Hanya muncul saat tombol 📊 ditekan */
  .map-card.mobile-summary-open{
    display:block!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    max-height:44vh!important;
    overflow:auto!important;
    z-index:6850!important;
    padding:14px 14px 12px!important;
    border-radius:16px!important;
    box-shadow:0 10px 32px rgba(0,0,0,.28)!important;
    background:rgba(255,255,255,.98)!important;
  }

  #mobileSummaryBtn{
    display:block!important;
    position:fixed!important;
    right:10px!important;
    top:calc(58px + 10px)!important;
    z-index:6700!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    border:1px solid #bfd2e1!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.96)!important;
    color:#0b2f5b!important;
    font-size:20px!important;
    font-weight:900!important;
    box-shadow:0 6px 18px rgba(0,0,0,.16)!important;
  }

  #mobileSummaryBtn.active{
    background:#1267c9!important;
    color:#fff!important;
    border-color:#1267c9!important;
  }

  #mobileSummaryClose{
    display:block!important;
    float:right!important;
    width:34px!important;
    height:34px!important;
    min-height:34px!important;
    margin:-5px -4px 6px 10px!important;
    padding:0!important;
    border:0!important;
    border-radius:9px!important;
    background:#eef5fb!important;
    color:#0b2f5b!important;
    font-size:18px!important;
    font-weight:900!important;
  }
}

@media(min-width:851px){
  #mobileSummaryBtn,
  #mobileSummaryClose{
    display:none!important;
  }
}