.summary-section { margin-top: 0; }
.summary-card { min-height: 92px; position: relative; }
.summary-card p { margin: 8px 0 2px; }
.summary-card small { color: var(--muted); }
.summary-badge { display: inline-block; margin-left: 8px; padding: 3px 7px; border-radius: 99px; font-size: .72rem; text-transform: capitalize; background: #e8f0ec; color: var(--green-dark); }
.summary-badge.high, .summary-badge.critical { background: #fde5dc; color: #8d260c; }
.summary-badge.verified { background: #dcf2e7; color: #0c6043; }
.summary-badge.pending { background: #fff1cf; color: #805400; }
.text-link { min-height: unset; color: var(--green-dark); font-size: .85rem; font-weight: 750; }
.live-marker { position: absolute; z-index: 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-weight: 900; transform: translate(-50%, -50%); box-shadow: 0 2px 7px #17312d55; }
.incident-marker { background: #bd3e28; color: #fff; }
.shelter-marker { background: #fff; color: var(--green-dark); border: 2px solid var(--green); }
.map-legend { position: absolute; z-index: 2; top: 12px; left: 12px; display: flex; gap: 10px; padding: 6px 8px; border-radius: 6px; background: #ffffffde; font-size: .75rem; }
.legend-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 3px; }
.incident-dot { background: #bd3e28; }
.shelter-dot { background: #fff; border: 2px solid var(--green); }
.area-label { position: absolute; z-index: 1; transform: translate(-50%, -50%); color: #31544b; font-size: .68rem; font-weight: 800; text-shadow: 0 1px #fff; pointer-events: none; }