/* Luke Meteo compact operational banner v3 */
.priority-card{overflow:hidden;padding:0!important}
.priority-card .op-shell{position:relative;z-index:1}
.priority-card .op-compact{
  width:100%;
  border:0;
  margin:0;
  padding:10px 12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.op-compact:hover{background:rgba(255,255,255,.025)}
.op-compact:focus-visible{outline:2px solid rgba(96,183,255,.8);outline-offset:-2px;border-radius:12px}
.op-compact-icon{font-size:1.45rem;line-height:1;width:28px;text-align:center}
.op-compact-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.op-compact-topline{display:flex;align-items:center;gap:7px;min-width:0}
.op-compact-title{font-size:.9rem;font-weight:950;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-badge{flex:0 0 auto;border-radius:999px;padding:3px 7px;font-size:.52rem;font-weight:950;border:1px solid var(--border);background:rgba(255,255,255,.04)}
.op-compact-meta{display:flex;align-items:center;gap:5px;min-width:0;color:#c8d8e4;font-size:.65rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-compact-meta span{white-space:nowrap}
.op-compact-meta i{font-style:normal;color:var(--muted);opacity:.8}
.op-compact-open{flex:0 0 auto;font-size:.67rem;font-weight:900;color:#9bd2ff;white-space:nowrap}
.op-compact-open b{font-size:.8rem}
.mode-WATCH .op-badge{color:var(--yellow);border-color:rgba(244,216,94,.32)}
.mode-NOWCAST .op-badge{color:var(--orange);border-color:rgba(255,157,77,.35)}
.mode-SEVERE .op-badge{color:var(--red);border-color:rgba(255,101,107,.42)}
.mode-WATCH .op-compact{box-shadow:inset 3px 0 0 rgba(244,216,94,.55)}
.mode-NOWCAST .op-compact{box-shadow:inset 3px 0 0 rgba(255,157,77,.7)}
.mode-SEVERE .op-compact{box-shadow:inset 3px 0 0 rgba(255,101,107,.8)}
@media(max-width:560px){
  .priority-card .op-compact{padding:8px 9px;gap:7px;grid-template-columns:auto minmax(0,1fr) auto}
  .op-compact-icon{font-size:1.2rem;width:23px}
  .op-compact-title{font-size:.8rem}
  .op-badge{font-size:.45rem;padding:2px 5px}
  .op-compact-meta{font-size:.57rem;gap:4px}
  .op-compact-open{font-size:0;width:20px;text-align:center}
  .op-compact-open b{font-size:1rem}
}