/* Shared compact warning cards for the Producer, EOC and public Broadcast. */
:is(.producer-desk,.eoc) #production-cards>.production-card,
#warning-list>.warning{
 display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0 0 8px;
 padding:10px 12px;min-height:0;width:100%;box-sizing:border-box;text-align:left;
 font-family:Arial,Helvetica,sans-serif;color:#f0f7ff;background:#102941;
 border:0;border-left:6px solid var(--warning-color,#8abaff);border-radius:9px;
}
:is(.producer-desk,.eoc) #production-cards>.production-card h2,
#warning-list>.warning .type{
 grid-column:1/-1;margin:0;font-size:clamp(18px,1.2vw,24px);font-weight:750;
 line-height:1.15;color:var(--warning-color,#8abaff);
}
:is(.producer-desk,.eoc) #production-cards>.production-card :is(.county,.expiration),
#warning-list>.warning :is(.county,.expiration){
 grid-column:1/-1;min-width:0;margin:0;text-align:left;white-space:normal;
 overflow-wrap:anywhere;font-size:clamp(15px,1vw,20px);font-weight:750;line-height:1.25;
}
:is(.producer-desk,.eoc) #production-cards>.production-card.emergency,
#warning-list>.warning.emergency{background:#302044}
:is(.producer-desk,.eoc) #production-cards>.production-card:hover,
#warning-list>.warning:hover{background:#193a56;color:#f0f7ff}
:is(.producer-desk,.eoc) #production-cards>.production-card.emergency:hover,
#warning-list>.warning.emergency:hover{background:#402655}
@media(max-width:850px){#warning-list>.warning{margin:0}}

#warning-list>.warning.watch{--warning-color:#ffe267}