/* ContestProp v1.0.1 operator navigation fixes. */

/* Fixed top bar is more reliable than position:sticky when the document clips horizontal overflow. */
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:2000!important;box-shadow:0 3px 14px rgba(0,0,0,.58)!important}


/* Regional outlook uses the same compact time control as the map. */
.regional-time-controls{justify-content:center;flex:0 0 auto}
#regionalTimeLabel{min-width:112px}

/* The world map is a forecast display, not a navigation surface. Let wheel/touch gestures scroll the page. */
#propagation-map .maplibregl-canvas{touch-action:pan-y!important;cursor:default!important}
#propagation-map .maplibregl-ctrl-top-right{display:none!important}

/* v1.2.1 compact operator view. Keep the live values visible and move diagnostics to tooltips. */
.data-health-panel .healthmeta,
.data-health-panel .historynote,
.data-health-panel .historyhead .healthunit{display:none!important}
.data-health-panel .healthcard{padding:10px;cursor:help}
.data-health-panel .healthhead{margin-bottom:5px}
.data-health-panel .healthmetric{font-size:22px}
.data-health-panel .healthunit{font-size:10px;margin-top:1px}
.data-health-panel .historybox{margin-top:8px;padding:10px;cursor:help}
.data-health-panel .historyrow{margin-top:8px}
.data-health-panel .historybar{height:9px}
.summary .card{padding:10px}
.summary #model,.summary #confidence{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-title>.pill{font-size:10px;color:#aebbd0}

/* v1.3.0 two-week HF contest picker. */
#contest{width:100%;min-width:0;background:#0b1220;border:1px solid #33445f;color:#fff;border-radius:8px;padding:10px;font-size:13px}
.contest-credit{margin-top:4px;color:#6f8299;font-size:9px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contest-credit a{color:#76cfff;text-decoration:none}.contest-credit a:hover{text-decoration:underline}

/* v1.4.5 LIVE entry point. */
.header-actions .live-button{background:#087a46;border-color:#20b86d;color:#f3fff8;box-shadow:0 0 0 1px rgba(32,184,109,.12) inset}
.header-actions .live-button:hover{background:#0b9857;border-color:#49db91}



@media(max-width:600px){
  /* Keep the version visible by giving the brand and buttons separate rows. */
  .site-header{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"brand" "actions"!important;min-height:0!important;padding:5px 8px 6px!important;row-gap:4px!important}
  .main-brand{width:100%;justify-content:space-between;min-width:0}
  .brand-logo{height:40px!important;max-width:calc(100vw - 92px)!important}
  .version-badge{display:inline-flex!important;flex:0 0 auto;height:18px!important;margin-left:8px!important;padding:0 6px!important;font-size:8px!important}
  .header-model-state{display:none!important}
  .header-actions{justify-self:stretch!important;width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px!important}
  .header-actions>a{min-width:0!important;width:100%;height:25px!important;padding:0 4px!important;font-size:8px!important;overflow:hidden;text-overflow:ellipsis}
  .section-title>.pill{display:none!important}
  .data-health-panel .healthgrid{gap:7px}
  .data-health-panel .healthcard{padding:9px 10px}
  .data-health-panel .healthmetric{font-size:20px}
  .data-health-panel .historyrow{grid-template-columns:52px minmax(0,1fr)!important}
  #contest{font-size:12px}
}

@media(max-width:430px){.regional-time-controls{width:100%;justify-content:center}}