.mapCard{margin-bottom:22px}.mapCard button,.mapCard select{border:1px solid #40546c;background:#14263a;border-radius:5px;color:#dce9f7;padding:8px 13px;font:inherit;font-size:12px;cursor:pointer}.mapCard button:disabled{opacity:.4;cursor:default}#webmap{height:430px;border-radius:7px;background:#192b3c;z-index:0}#mapEmpty{padding:30px;color:#9eafc4;font-size:13px}.mapControls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0}.playControls{display:flex;gap:8px;align-items:center}.playControls label{display:flex;gap:8px;align-items:center;margin-left:8px}.opacityLabel{width:250px}.mapCard input[type=range]{accent-color:#51dfbe;padding:0;cursor:pointer;min-width:100px;display:block;width:100%;margin:10px 0}.mapCard output{float:right;color:#dce9f7}.timelineLabel{display:block;margin-bottom:8px}.mapPalette{display:flex;align-items:center;gap:12px;font-size:10px;color:#9eafc4;margin:13px 0}.mapPalette i{display:block;height:8px;border-radius:3px;flex:1;background:linear-gradient(to right,#fff5ff,#c355e1,#f54669,#ffa941,#ffee9f,#cee2e7,#4c6884,#142134)}.leaflet-container{font-family:inherit;color:#172a3f}.leaflet-control-attribution{font-size:10px!important}.mapPointLabel{color:#122339;background:#f0fff9;border:1px solid #2b9f82}.leaflet-image-layer{image-rendering:auto}.mapCard>p{font-size:11px;line-height:1.65}#mapStatus{min-height:20px}@media(max-width:760px){#webmap{height:350px}.mapControls{display:block}.opacityLabel{width:100%;margin-top:18px}.playControls{flex-wrap:wrap}.playControls label{margin-left:0}.mapCard output{float:none;display:block;margin-top:6px}}

.convectiveCaution{padding:14px 18px;border-left:3px solid #d3a758;background:#2b271e;color:#e6cf9f;font-size:12px;line-height:1.7;margin:-6px 0 22px}.decisionCard{margin-bottom:22px}.decisionCard>p{margin-top:10px}.decisionMatrix th,.decisionMatrix td{text-align:center!important}.decisionMatrix .normal{color:#6ae3bd}.decisionMatrix .watch{color:#f1c381}.decisionMatrix .warning{color:#ff9b98}.decisionMatrix .selectedCell{outline:2px solid currentColor;outline-offset:-3px;background:#29384b;font-weight:700}.persistenceHeading{margin-top:22px}.persistenceFrames{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.persistenceFrames span{font-size:11px;padding:9px;border:1px solid #354960;border-radius:5px}.persistenceFrames .strong{border-color:#bf667b;color:#ffb0bb}.persistenceFrames .moderate{border-color:#aa844c;color:#f0ca89}.persistenceFrames .missing{color:#8f9eb3}
:root{--level-normal:#6ae3bd;--level-observation:#9dccff;--level-watch:#f1c381;--level-warning:#ff9b98}
.alert.normal,.decisionMatrix .normal{color:var(--level-normal)}.alert.observation,.decisionMatrix .observation{color:var(--level-observation)}.alert.watch,.decisionMatrix .watch{color:var(--level-watch)}.alert.warning,.decisionMatrix .warning{color:var(--level-warning)}
.alert.observation{background:#182b3e;border-color:#426f9a}.alert.warning{background:#362329;border-color:#995b61}
#pointForm select{display:block;width:100%;background:#0a1421;border:1px solid #2a3b52;color:var(--text);padding:11px 9px;border-radius:6px;margin:7px 0 13px;font:inherit}#pointForm select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.radiusControls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px;margin:0 0 22px}.radiusControls label{color:var(--text)}.radiusControls select{display:block;margin-top:7px;padding:8px 12px;background:#0a1421;border:1px solid #40546c;border-radius:5px;color:var(--text);font:inherit}.radiusControls button{border:1px solid #398c79;border-radius:5px;background:#18332f;color:var(--accent);padding:10px 14px;cursor:pointer}.radiusControls button:disabled{opacity:.5;cursor:default}.radiusControls select:focus-visible{outline:2px solid var(--accent)}