/* Alert level badge colors */
.alert-yellow  { background-color: #f5c400; color: #1a1a1a; }
.alert-orange  { background-color: #e96f26; color: #fff; }
.alert-red     { background-color: #c0392b; color: #fff; }
.alert-potential { background-color: #9ca3af; color: #fff; }

/* Radar player */
#radar-player img { width: 100%; border-radius: 0.5rem; }

/* Precipitation SVG */
.precip-svg { width: 100%; height: auto; }

/* Legend gradient bar */
.legend-bar {
  height: 12px;
  border-radius: 6px;
}

/* Smooth HTMX transitions */
.htmx-swapping { opacity: 0; transition: opacity 0.15s ease-out; }
.htmx-added    { opacity: 0; }
.htmx-added:not(.htmx-swapping) { opacity: 1; transition: opacity 0.2s ease-in; }