/* KARHUTLA.ID — canonical Manajemen Peta layout
   Single source of truth for peta.php controls. */
.map-page-intro{margin-bottom:10px}
.map-panel{width:100%;overflow:hidden}
.map-management-stage{position:relative;background:#dce3df}
.map-management-stage .maplibregl-ctrl-fullscreen{display:none!important}
.map-management-bar{position:absolute;z-index:8;left:10px;top:10px;right:70px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px;border:1px solid rgba(18,60,43,.20);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(10,38,27,.14);backdrop-filter:blur(8px);overflow:visible}
.map-management-bar button{min-height:32px;padding:5px 7px;border:1px solid #cad5ce;border-radius:7px;background:#fff;color:#173e2e;font-size:13.5px;font-weight:850;line-height:1.1;cursor:pointer}
.map-management-bar button.active{background:#174936;color:#fff;border-color:#174936}
.map-management-bar button:hover{box-shadow:0 3px 10px rgba(15,52,36,.12)}
.map-management-summary{position:absolute;z-index:7;left:95px;bottom:10px;max-width:min(68%,760px);padding:5px 8px;border:1px solid rgba(18,60,43,.18);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 3px 12px rgba(10,38,27,.10);font-size:13.5px;line-height:1.25;color:#53645a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.map-context-menu{position:absolute;z-index:20;width:242px;padding:8px;border:1px solid #cbd8d0;border-radius:11px;background:#fff;box-shadow:0 16px 38px rgba(7,31,21,.24);font-size:14px}
.map-context-title{font-weight:950;color:#173e2e;padding:3px 5px 7px;border-bottom:1px solid #e3e9e5}
.map-context-section{display:grid;gap:5px;padding:7px 3px;border-bottom:1px solid #edf1ee}
.map-context-section:last-child{border-bottom:0}
.map-context-section button{width:100%;text-align:left;border:1px solid #d7dfda;background:#f8faf8;border-radius:7px;padding:7px 8px;color:#173e2e;font-size:14px;font-weight:750;cursor:pointer}
.map-context-section button:hover{background:#eaf2ed}
.map-management-stage:fullscreen,.map-management-stage.map-pseudo-fullscreen{background:#dce3df}
.map-management-stage:fullscreen #mainMap,.map-management-stage.map-pseudo-fullscreen #mainMap{height:100vh!important;min-height:100vh!important}
.map-management-stage:fullscreen .map-management-bar,.map-management-stage.map-pseudo-fullscreen .map-management-bar{position:absolute;z-index:30;left:10px;right:70px;top:10px}
.map-management-stage:fullscreen .map-management-summary,.map-management-stage.map-pseudo-fullscreen .map-management-summary{z-index:30}
.map-management-stage.map-pseudo-fullscreen{position:fixed!important;inset:0!important;z-index:10000!important;width:100vw!important;height:100vh!important}
.map-fullscreen-lock{overflow:hidden!important}
.map-download-wrap{position:relative;display:inline-flex}
.map-download-menu{position:absolute;z-index:60;right:0;top:calc(100% + 6px);min-width:220px;padding:6px;border:1px solid #ccd8d1;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(7,31,21,.24);display:none}
.map-download-wrap.open .map-download-menu{display:grid;gap:4px}
.map-download-menu button{width:100%;text-align:left;white-space:nowrap}
.map-download-note{font-size:12px;line-height:1.3;color:#607168;padding:5px 6px 3px}
.map-export-busy{opacity:.62;pointer-events:none}

.map-cluster-title{margin-top:18px;margin-bottom:8px}
.map-cluster-grid{gap:14px;align-items:stretch}
.map-cluster-card{display:block;min-height:0!important;padding:14px 16px!important;text-decoration:none}
.map-cluster-card>b{display:block;font-size:18px;line-height:1.2;margin:0}
.map-cluster-card p{margin:8px 0 0;font-size:15.5px;line-height:1.35}

@media(min-width:901px){
  .map-management-bar button{font-size:14px}
    .map-management-summary{font-size:14px}
}

@media(max-width:1199px) and (min-width:901px){
  .map-management-bar{right:62px;row-gap:5px}
  }

@media(max-width:900px){
  .map-management-bar{left:8px;right:56px;top:8px;gap:4px;padding:5px 6px}
      .map-management-bar button{min-height:28px;padding:4px 6px;font-size:11.5px}
      .map-management-summary{left:86px;bottom:8px;max-width:72%;font-size:12px}
  .map-cluster-card{padding:12px 14px!important}
}

@media(max-width:600px){
  .map-management-bar{left:5px;right:46px;top:5px;gap:3px;padding:4px 5px;border-radius:8px;align-content:flex-start}
      .map-management-bar button{min-height:24px;padding:2px 4px;border-radius:5px;font-size:9.5px;line-height:1.05}
      .map-management-summary{display:none}
  .map-download-wrap{display:none!important}
}

@media(max-width:900px),(hover:none),(pointer:coarse){.map-download-wrap{display:none!important}}