/* KARHUTLA.ID — wide map workspace
   Scope: peta.php, cluster.php, wilayah.php only.
   Goal: keep navigation compact, give the map 80–82% desktop width,
   and keep all operator text readable at 1366x768. */

@media (min-width: 1241px){
  .cmd-hero{
    min-height:76px;
    padding:8px clamp(18px,2.4vw,36px);
  }
  .cmd-brand{gap:12px}
  .cmd-logos{gap:6px}
  .cmd-logos img{
    width:40px;
    height:40px;
    border-radius:9px;
    padding:3px;
  }
  .cmd-kicker{font-size:13px;letter-spacing:.11em}
  .cmd-title{font-size:clamp(24px,2vw,32px);line-height:1}
  .cmd-subtitle{font-size:14px;margin-top:3px}
  .cmd-hero-tag{font-size:13px;padding:7px 10px}
  .cmd-navlinks{padding:0 18px}
  .cmd-nav a{padding:8px 9px;font-size:15px}
  .cmd-nav .access{padding:7px 11px}
  .global-freshness{padding:5px clamp(18px,2.4vw,36px);font-size:13.5px}

  .map-wide-shell{padding-top:16px}
  .map-wide-shell .page-intro{margin-bottom:12px}
  .map-wide-shell .page-intro h1{font-size:clamp(28px,1vw + 18px,31px)}
  .map-wide-shell .eyebrow{font-size:13.5px}

  .map-workspace{
    display:grid;
    grid-template-columns:minmax(220px,18%) minmax(0,82%);
    gap:14px;
    align-items:start;
  }
  .map-workspace-sidebar{
    grid-column:1;
    min-width:0;
  }
  .map-workspace-map{
    grid-column:2;
    min-width:0;
  }
  .map-workspace-map .mapbox{
    height:clamp(560px,72vh,820px);
    min-height:560px;
  }

  .map-workspace-sidebar .panel-head,
  .map-workspace-map .panel-head{padding:11px 13px}
  .map-workspace-sidebar .panel-body{padding:12px}
  .map-workspace-sidebar .command-item{padding:10px 9px}
  .map-workspace-sidebar .small,
  .map-workspace-sidebar .muted{font-size:13.5px}
  .map-workspace-sidebar .score{font-size:14px}

  .map-cluster-sidebar{display:grid;gap:9px}
  .map-cluster-sidebar .map-cluster-card{
    display:block;
    padding:12px;
    text-decoration:none;
    border-radius:12px;
  }
  .map-cluster-sidebar .map-cluster-card b{font-size:16px}
  .map-cluster-sidebar .map-cluster-card p{
    margin:5px 0 0;
    font-size:13.5px;
    line-height:1.35;
  }

  .map-management-stage{min-width:0}
  .map-management-bar{font-size:13.5px}
  .map-management-label{font-size:13px}
  .map-management-bar button{font-size:13.5px}
  .map-management-summary{font-size:13.5px}
}

@media (min-width:1241px) and (max-width:1439px){
  .map-workspace{
    grid-template-columns:minmax(218px,20%) minmax(0,80%);
    gap:12px;
  }
  .map-workspace-map .mapbox{
    height:clamp(540px,70vh,760px);
    min-height:540px;
  }
}

@media (max-width:1240px){
  .map-workspace{display:grid;grid-template-columns:1fr;gap:14px}
  .map-workspace-sidebar,.map-workspace-map{grid-column:1}
  .map-workspace-map{order:1}
  .map-workspace-sidebar{order:2}
}