/* Region 9 Operations Map UX 1.2.2
   Passive presentation only: no map data fetching, polling, observers, or SVG recoloring. */

.r9ops-primary-ops-grid{
  align-items:stretch!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.r9ops-primary-ops-grid>.r9ops-top-panel{
  height:820px!important;
  min-height:820px!important;
  max-height:820px!important;
}
.r9ops-radar-frame,
.r9ops-radar-frame iframe{
  height:100%!important;
  min-height:0!important;
}

/* The Operations Homepage already owns the visible blue title bar. */
#r9ops-nine-county-map .r9opmap-head{display:none!important}

#r9ops-nine-county-map,
#r9ops-nine-county-map.r9ops-live-map,
#r9ops-nine-county-map .r9opmap-shell{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#r9ops-nine-county-map .r9opmap-shell{
  display:flex!important;
  flex-direction:column!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#f5f9fb!important;
}

/* Keep the existing native controls exactly where users expect them. */
#r9ops-nine-county-map .r9opmap-toolbar{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px 18px!important;
  padding:8px 12px!important;
  background:#f7fbfd!important;
  border-bottom:1px solid #d5e3eb!important;
  font-size:12px!important;
}
#r9ops-nine-county-map .r9opmap-runtime{display:none!important}

/* The map is the forward-facing product. */
#r9ops-nine-county-map .r9opmap-grid{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:block!important;
  overflow:hidden!important;
  background:#eef5f9!important;
}
#r9ops-nine-county-map .r9opmap-map{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 18px 26px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#edf6fa 0%,#e4f0f5 100%)!important;
}
#r9ops-nine-county-map .r9-static-map,
#r9ops-nine-county-map .r9opmap-map>svg{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:98%!important;
  max-height:650px!important;
  margin:auto!important;
  transform:translateY(-48px)!important;
  filter:drop-shadow(0 8px 16px rgba(5,45,67,.11))!important;
}

/* The native Region 9 Overview / County Status panel stays available to Live Studio
   internally but no longer occupies visible map real estate. */
#r9ops-nine-county-map .r9opmap-panel{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
#r9ops-nine-county-map .r9opmap-legend,
#r9ops-nine-county-map .r9opmap-source{display:none!important}

/* County status popup. Data comes from Top Header Core's strict Illinois payload. */
#r9ops-nine-county-map .r9ux-county-popup{
  position:absolute!important;
  z-index:80!important;
  top:18px!important;
  right:18px!important;
  width:min(410px,calc(100% - 36px))!important;
  max-height:calc(100% - 36px)!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid #b9d3e1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(4,36,55,.30)!important;
  overflow:hidden!important;
}
#r9ops-nine-county-map .r9ux-county-popup[hidden]{display:none!important}
#r9ops-nine-county-map .r9ux-popup-bar{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:8px 10px 8px 15px!important;
  background:#073b59!important;
  color:#fff!important;
}
#r9ops-nine-county-map .r9ux-popup-title{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:16px!important;
  font-weight:900!important;
}
#r9ops-nine-county-map .r9ux-popup-actions{display:flex!important;gap:6px!important;flex:0 0 auto!important}
#r9ops-nine-county-map .r9ux-popup-actions button{
  appearance:none!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font:900 18px/1 system-ui,sans-serif!important;
  cursor:pointer!important;
}
#r9ops-nine-county-map .r9ux-popup-body{
  padding:14px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  color:#17394d!important;
}
#r9ops-nine-county-map .r9ux-summary{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin-bottom:12px!important;
}
#r9ops-nine-county-map .r9ux-summary>div{
  padding:10px 12px!important;
  border:1px solid #d4e2ea!important;
  border-radius:10px!important;
  background:#f4f9fc!important;
}
#r9ops-nine-county-map .r9ux-summary span{
  display:block!important;
  margin-bottom:3px!important;
  color:#55758a!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
#r9ops-nine-county-map .r9ux-summary strong{
  display:block!important;
  font-size:16px!important;
  line-height:1.25!important;
}
#r9ops-nine-county-map .r9ux-risk{width:max-content!important;padding:4px 9px!important;border-radius:999px!important}
#r9ops-nine-county-map .r9ux-risk-none{background:#d8e1e7!important;color:#16384c!important}
#r9ops-nine-county-map .r9ux-risk-low{background:#d9f3e3!important;color:#106a35!important}
#r9ops-nine-county-map .r9ux-risk-limited{background:#fff0b6!important;color:#745400!important}
#r9ops-nine-county-map .r9ux-risk-elevated{background:#ffe0bd!important;color:#9b4800!important}
#r9ops-nine-county-map .r9ux-risk-significant{background:#ffd4d8!important;color:#9c1424!important}
#r9ops-nine-county-map .r9ux-clear{
  display:grid!important;
  gap:4px!important;
  padding:11px 12px!important;
  border-radius:10px!important;
  background:#eef7f2!important;
  border:1px solid #d3e9dc!important;
  margin-bottom:12px!important;
}
#r9ops-nine-county-map .r9ux-clear span{font-size:12px!important;color:#55758a!important}
#r9ops-nine-county-map .r9ux-alert-list{display:grid!important;gap:8px!important;margin-bottom:12px!important}
#r9ops-nine-county-map .r9ux-alert-card{
  display:grid!important;
  gap:5px!important;
  padding:11px 12px!important;
  border:1px solid #d4e2ea!important;
  border-radius:10px!important;
  background:#fff!important;
}
#r9ops-nine-county-map .r9ux-alert-card strong{font-size:15px!important}
#r9ops-nine-county-map .r9ux-alert-card p{margin:0!important;font-size:12px!important;line-height:1.35!important;color:#486779!important}
#r9ops-nine-county-map .r9ux-alert-card small{font-size:11px!important;color:#617e90!important}
#r9ops-nine-county-map .r9ux-alert-card a{font-size:12px!important;font-weight:900!important;text-decoration:none!important;color:#0879b4!important}
#r9ops-nine-county-map .r9ux-popup-links{display:grid!important;gap:7px!important}
#r9ops-nine-county-map .r9ux-popup-links a{
  display:block!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  text-align:center!important;
  text-decoration:none!important;
  font-weight:900!important;
}
#r9ops-nine-county-map .r9ux-primary-link{background:#073b59!important;color:#fff!important}
#r9ops-nine-county-map .r9ux-secondary-link{background:#eaf4f9!important;color:#075f8d!important;border:1px solid #c9e0eb!important}
#r9ops-nine-county-map .r9ux-county-popup.is-minimized{
  top:12px!important;
  right:12px!important;
  width:min(320px,calc(100% - 24px))!important;
  max-height:none!important;
}
#r9ops-nine-county-map .r9ux-county-popup.is-minimized .r9ux-popup-body{display:none!important}
#r9ops-nine-county-map .r9ux-county-popup.is-minimized .r9ux-minimize{display:none!important}
#r9ops-nine-county-map .r9ux-county-popup:not(.is-minimized) .r9ux-restore{display:none!important}

@media(max-width:1180px){
  .r9ops-primary-ops-grid>.r9ops-top-panel{height:760px!important;min-height:760px!important;max-height:760px!important}
  #r9ops-nine-county-map .r9-static-map,#r9ops-nine-county-map .r9opmap-map>svg{max-height:590px!important}
}
@media(max-width:900px){
  .r9ops-primary-ops-grid{grid-template-columns:1fr!important}
  .r9ops-primary-ops-grid>.r9ops-top-panel{height:auto!important;min-height:680px!important;max-height:none!important}
  #r9ops-nine-county-map .r9opmap-grid{min-height:590px!important}
}
@media(max-width:600px){
  #r9ops-nine-county-map .r9opmap-toolbar{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  #r9ops-nine-county-map .r9opmap-grid{min-height:470px!important}
  #r9ops-nine-county-map .r9opmap-map{padding:6px 6px 18px!important}
  #r9ops-nine-county-map .r9ux-county-popup{top:8px!important;right:8px!important;width:calc(100% - 16px)!important;max-height:calc(100% - 16px)!important}
}