/* Preview refinement: unified map panels, collapsible energy dashboard, and compact responsive containment. */
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float{
  gap:8px!important;
}
html[data-view-options="2"] .grid-panel-slot{
  flex:0 0 auto!important;
  min-height:0!important;
}
html[data-view-options="2"] .grid-panel-slot.is-collapsed{
  min-height:36px!important;
}
html[data-view-options="2"] .grid-panel-slot.is-collapsed[data-panel-slot="timeline"]{
  min-height:36px!important;
}
html[data-view-options="2"] .grid-panel-restore{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:178px!important;
  min-height:36px!important;
  margin:0 0 0 auto!important;
  padding:8px 10px 8px 12px!important;
  border:1px solid #bcc8de!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.985)!important;
  color:#48586d!important;
  box-shadow:0 3px 12px rgba(21,40,75,.10)!important;
  font:700 11.5px/1.2 'Noto Sans',sans-serif!important;
  letter-spacing:.015em!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html[data-view-options="2"] .grid-panel-restore::after{
  content:"▾"!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  color:#66758a!important;
  font:800 14px/1 Arial,sans-serif!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot .grid-panel-close,
html[data-view-options="2"][data-final-display-revisions="1"] body .map-stage[data-grid-shell] .grid-panel-slot .grid-panel-close{
  top:7px!important;
  right:7px!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#66758a!important;
  font:800 18px/1 Arial,sans-serif!important;
  z-index:7!important;
}
html[data-view-options="2"] .grid-panel-close:hover,
html[data-view-options="2"] .grid-panel-close:focus-visible{
  background:#edf2f8!important;
  color:#142b54!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-drag-grip{
  top:8px!important;
  right:40px!important;
  width:30px!important;
  height:23px!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-drag-grip::before{
  left:6px!important;
  right:6px!important;
  top:7px!important;
}
html[data-view-options="2"] .clh-map-panel-heading,
html[data-view-options="2"] .view-options>summary{
  color:#4c5b6f!important;
  font:700 11.5px/1.2 'Noto Sans',sans-serif!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
html[data-view-options="2"] .clh-map-panel-heading{
  position:absolute!important;
  z-index:6!important;
  top:11px!important;
  left:13px!important;
  right:78px!important;
  margin:0!important;
  pointer-events:none!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot .grid-condition-player[data-compact-timeline]{
  padding:39px 13px 13px!important;
}
html[data-view-options="2"] .sample-vpp-output{
  padding:39px 14px 13px!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot .historical-vpp-output{
  padding-top:39px!important;
}
html[data-view-options="2"] .sample-vpp-output .sample-kicker{
  display:none!important;
}
html[data-view-options="2"] .historical-vpp-output .hvpp-heading{
  position:absolute!important;
  top:7px!important;
  right:72px!important;
  left:auto!important;
  width:auto!important;
  min-height:27px!important;
  margin:0!important;
  padding:0!important;
}
html[data-view-options="2"] .view-options{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  width:100%!important;
  margin:0!important;
  padding:11px 13px!important;
  pointer-events:auto!important;
  overflow:visible!important;
}
html[data-view-options="2"] .view-options>summary{
  list-style:none!important;
  min-height:26px!important;
  display:flex!important;
  align-items:center!important;
  padding-right:72px!important;
  cursor:default!important;
}
html[data-view-options="2"] .view-options>summary::-webkit-details-marker{
  display:none!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-replay-clock{
  font-size:25px!important;
  line-height:1.12!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-date-label{
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
  max-width:150px!important;
}

/* Energy-dashboard collapse control. */
#sidebar .energy-dashboard-collapse-bar{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  order:-60!important;
  flex:0 0 32px!important;
  width:100%!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  padding:0 8px 0 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(0,32,92,.12)!important;
  background:rgba(255,255,255,.985)!important;
  color:#45566d!important;
  box-shadow:0 2px 8px rgba(0,32,92,.05)!important;
  cursor:pointer!important;
  font:700 10.5px/1 'Noto Sans',sans-serif!important;
  letter-spacing:.015em!important;
}
#sidebar .energy-dashboard-collapse-bar .energy-dashboard-collapse-action{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#173967!important;
  font-weight:700!important;
}
#sidebar .energy-dashboard-collapse-bar .energy-dashboard-collapse-arrow{
  font:800 16px/1 Arial,sans-serif!important;
}
.map-stage .energy-dashboard-restore{
  position:absolute!important;
  z-index:85!important;
  left:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid #aebbd1!important;
  border-radius:0 9px 9px 0!important;
  background:rgba(255,255,255,.985)!important;
  color:#173967!important;
  box-shadow:0 5px 18px rgba(0,32,92,.15)!important;
  font:700 11px/1.15 'Noto Sans',sans-serif!important;
  cursor:pointer!important;
}
.map-stage .energy-dashboard-restore[hidden]{display:none!important}
.map-stage .energy-dashboard-restore .energy-dashboard-restore-arrow{
  font:800 16px/1 Arial,sans-serif!important;
}
@media(min-width:981px){
  html[data-energy-dashboard-collapsed="1"] .workspace{
    grid-template-columns:0 minmax(0,1fr)!important;
  }
  html[data-energy-dashboard-collapsed="1"] .sidebar.has-energy-dashboard-v3{
    transform:translateX(calc(-100% - 10px))!important;
    pointer-events:none!important;
  }
  html[data-energy-dashboard-collapsed="1"][data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls]{
    padding-left:22px!important;
  }
  html[data-energy-dashboard-collapsed="1"] body .header{
    padding-left:22px!important;
  }
  .sidebar.has-energy-dashboard-v3{
    transition:transform .22s ease!important;
  }
}
@media(min-width:981px) and (max-width:1279px){
  html[data-energy-dashboard-collapsed="1"][data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls]{
    padding-left:18px!important;
  }
}
@media(max-width:980px){
  html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float,
  html[data-view-options="2"][data-final-display-revisions="1"] body .map-stage[data-grid-shell] .grid-condition-float{
    top:8px!important;
    right:8px!important;
    bottom:calc(var(--grid-sheet-occlusion,0px) + 8px)!important;
    width:min(360px,calc(100% - 16px))!important;
    max-width:calc(100% - 16px)!important;
    max-height:none!important;
    overflow-x:visible!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:0 2px 2px 0!important;
  }
  html[data-view-options="2"] body .map-stage[data-grid-shell] [data-map-draggable-panel]{
    transform:none!important;
  }
  html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-drag-grip{
    display:none!important;
  }
  html[data-view-options="2"] .clh-map-panel-heading{
    right:40px!important;
  }
  html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-replay-clock{
    font-size:23px!important;
  }
  html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-date-label{
    font-size:11.5px!important;
  }
  .sidebar.has-energy-dashboard-v3>.mobile-network-sheet-handle{
    display:none!important;
  }
  #sidebar .energy-dashboard-collapse-bar{
    flex-basis:34px!important;
    height:34px!important;
    border-radius:21px 21px 0 0!important;
    font-size:10.5px!important;
  }
  .app .workspace .sidebar.has-energy-dashboard-v3{
    transition:transform .22s ease!important;
  }
  html[data-energy-dashboard-collapsed="1"] .app .workspace .sidebar.has-energy-dashboard-v3{
    transform:translateY(calc(100% + 12px))!important;
    pointer-events:none!important;
  }
  html[data-energy-dashboard-collapsed="1"] .map-stage[data-grid-shell]{
    --grid-sheet-occlusion:0px!important;
  }
  .map-stage .energy-dashboard-restore{
    left:50%!important;
    top:auto!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    border-radius:9px 9px 0 0!important;
    min-height:36px!important;
    white-space:nowrap!important;
  }
}
@media(max-width:560px){
  html[data-view-options="2"] .grid-panel-restore{
    min-width:164px!important;
    font-size:11px!important;
  }
}