/* Visual refinement for the three operational status cards. */
.overview-grid.overview-grid-compact{align-items:stretch;}
.overview-grid.overview-grid-compact>.panel{min-height:590px;overflow:hidden;}

/* Current Operations photo card */
.overview-grid.overview-grid-compact>.active-panel{
  position:relative;
  background-image:linear-gradient(180deg,rgba(10,25,42,.38) 0%,rgba(10,25,42,.58) 42%,rgba(10,25,42,.92) 100%),url('/current-operations-photo.svg');
  background-size:cover;
  background-position:center center;
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
.overview-grid.overview-grid-compact>.active-panel>*{position:relative;z-index:1;}
.overview-grid.overview-grid-compact>.active-panel .panel-label{color:#fff;}
.overview-grid.overview-grid-compact>.active-panel .live-operations-grid{margin-top:245px;}
.overview-grid.overview-grid-compact>.active-panel .live-op{
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.overview-grid.overview-grid-compact>.active-panel .live-op.primary{
  background:rgba(184,50,43,.28);
  border-color:rgba(255,145,136,.52);
}
.overview-grid.overview-grid-compact>.active-panel .live-op strong,
.overview-grid.overview-grid-compact>.active-panel .live-op span,
.overview-grid.overview-grid-compact>.active-panel .operations-footer strong,
.overview-grid.overview-grid-compact>.active-panel .operations-footer span{color:#fff;}
.overview-grid.overview-grid-compact>.active-panel .operations-footer{border-top-color:rgba(255,255,255,.42);}
.overview-grid.overview-grid-compact>.active-panel .operations-note{color:rgba(255,255,255,.88)!important;}

/* Unify all three cards */
.overview-grid.overview-grid-compact>.fire-weather-card,
.overview-grid.overview-grid-compact>.fire-season-card,
.overview-grid.overview-grid-compact>.active-panel{
  border-radius:22px;
  box-shadow:0 18px 48px rgba(23,33,49,.16);
}
.overview-grid.overview-grid-compact>.fire-weather-card .panel-label,
.overview-grid.overview-grid-compact>.fire-season-card .panel-label{color:#fff;}

@media(max-width:1150px){
  .overview-grid.overview-grid-compact>.panel{min-height:520px;}
  .overview-grid.overview-grid-compact>.active-panel .live-operations-grid{margin-top:185px;}
}
@media(max-width:760px){
  .overview-grid.overview-grid-compact>.panel{min-height:auto;}
  .overview-grid.overview-grid-compact>.active-panel{min-height:520px;background-position:58% center;}
  .overview-grid.overview-grid-compact>.active-panel .live-operations-grid{margin-top:200px;}
}