/* Erbil Alert R3: local intelligence, accessible across all weather themes. */
.quick-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.quick-tools button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border-radius:14px;background:var(--chip);border:1px solid var(--glass-brd);font-size:12px;font-weight:700}.quick-tools b{border-radius:50%;min-width:22px;padding:1px 5px;background:var(--accent);color:var(--on-accent)}
.priority-banner{display:flex;align-items:center;text-align:start;gap:15px;width:100%;padding:18px 22px;margin:0 0 18px;background:#fff3d9;border:1px solid #b5802e;color:#543700;border-radius:18px}.priority-banner.severity-severe{background:#fde8e7;color:#7b1d19;border-color:#b9433b}.priority-banner>span:nth-child(2){flex:1}.priority-banner small{font-size:12px;margin-top:3px}
.extra-weather{display:grid;grid-template-columns:1fr 1fr;padding:16px 24px;gap:12px}.extra-weather small{font-size:11px;color:var(--muted)}.extra-weather strong{font-family:Manrope,NotoArabic,sans-serif;font-size:21px}
.map-layers{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}.map-layers button{flex-shrink:0;min-height:44px}.map-extra-controls{padding:0 20px 12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.map-extra-controls>p{width:100%;font-size:11px}.map-extra-controls label{display:flex;align-items:center;gap:10px;font-size:11px}.map-extra-controls input{padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--ink)}#satellite-status{font-size:10px;margin-top:4px}.timeline-play{border:1px solid var(--line);background:var(--chip);min-width:44px;min-height:44px;border-radius:12px}.map-timeline>div:first-child{flex-wrap:wrap}.regional-marker{background:none;border:none}.regional-value{padding:5px 9px;border:1px solid #d1dde7;background:#fcfdff;color:#17334e;box-shadow:0 3px 12px #142b4530;border-radius:11px;text-align:center;font-size:11px;font-family:Manrope,NotoArabic,sans-serif;line-height:1.45}.regional-value small{font-size:9px;white-space:nowrap}.regional-value.layer-temperature{background:#fff2db;color:#6c3d08}.regional-value.layer-wind{background:#e7f5f1;color:#125344}.wind-direction{display:inline-block;font-size:17px;font-weight:800;margin-inline-end:5px}.leaflet-tooltip{max-width:250px;white-space:normal}
.rain-detail,.alerts-panel,.compare-panel,.sources-panel{margin-top:22px;padding:24px;scroll-margin-top:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--muted);font-weight:700;margin-bottom:5px}html:not([lang=en]) .eyebrow{letter-spacing:0}.rain-period{font-size:18px;font-weight:700;margin:5px 0}.rain-accumulations{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 18px}.rain-accumulations>div{padding:13px 16px;background:var(--chip);border:1px solid var(--glass-brd);border-radius:16px}.rain-accumulations small{color:var(--muted);font-size:11px}.rain-accumulations strong{font-family:Manrope,NotoArabic,sans-serif;font-size:25px;font-weight:600}.rain-accumulations strong small{display:inline;font-size:11px}
.rain-chart{display:flex;gap:7px;overflow-x:auto;padding:4px 0 15px;margin-bottom:8px;direction:ltr}.rain-column{flex:1;min-width:42px;max-width:72px;min-height:145px;padding:5px;border:1px solid transparent;border-radius:11px}.rain-column:hover,.rain-column.selected{background:var(--chip);border-color:var(--glass-brd)}.rain-column-value{display:block;font-size:10px;font-family:Manrope,sans-serif;font-weight:700}.rain-column-track{height:72px;display:flex;align-items:flex-end;justify-content:center;margin:8px 0}.rain-column-track i{width:15px;min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(#429be2,var(--accent))}.rain-column time{font-size:9px;color:var(--muted);white-space:nowrap}
.alert-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.alert-filters{display:flex;gap:4px;overflow:auto;max-width:100%}.alert-filters button{min-height:44px;white-space:nowrap;border-radius:12px;padding:7px 13px;font-size:12px;border:1px solid transparent}.alert-filters button.selected{background:var(--chip);border-color:var(--glass-brd);color:var(--accent);font-weight:700}.source-note{font-size:11px;color:var(--muted);padding:12px 0}.alert-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.alert-item{padding:18px;background:var(--chip);border:1px solid var(--glass-brd);border-inline-start:3px solid #8a97a5;border-radius:16px;min-width:0}.alert-item.severity-watch{border-inline-start-color:#b78429}.alert-item.severity-warning{border-inline-start-color:#cc7131}.alert-item.severity-severe{border-inline-start-color:#bf4239}.alert-item h3{margin:8px 0;font-size:15px}.alert-item p{font-size:12px;margin-bottom:10px;white-space:pre-line;overflow-wrap:anywhere}.alert-item small{font-size:10px;color:var(--muted);margin:4px 0}.alert-item>a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;overflow-wrap:anywhere}.alert-kicker{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px}.alert-kicker .severity{font-size:10px}.source-error{padding:18px;border:1px solid var(--line);border-radius:12px;font-size:12px}
.compare-panel .panel-heading{gap:20px;align-items:start}.compare-panel .panel-heading p{max-width:680px;margin-top:8px}.compare-panel .small-button{flex-shrink:0;min-height:44px}.table-scroll{max-width:100%;overflow-x:auto}.model-table{width:100%;border-collapse:collapse;text-align:start;font-size:13px}.model-table caption{text-align:start;font-size:11px;color:var(--muted);padding:12px 0}.model-table th,.model-table td{text-align:start;padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.model-table thead{font-size:11px;color:var(--muted)}.model-table tbody th{font-family:Manrope,sans-serif}.comparison-spread{padding:14px 0;font-size:13px;font-weight:600}.sources-panel summary{cursor:pointer;font-size:16px;font-weight:700;min-height:44px}.source-health-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.source-health-row>div{text-align:end}.source-health-row small{color:var(--muted);font-size:10px}.source-state{font-size:11px;color:var(--muted)}.source-state.available{color:var(--accent)}
.push-dialog{max-width:610px}.push-intro{font-size:12px;color:var(--muted);margin:12px 0 18px}.push-settings-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.push-settings-form label{display:flex;flex-direction:column;font-size:12px;gap:6px}.push-settings-form .check{flex-direction:row;align-items:center;gap:10px;min-height:44px}.push-settings-form .check input{width:20px;height:20px;accent-color:var(--accent)}.push-settings-form .wide{grid-column:1/-1}.push-settings-form input:not([type=checkbox]),.push-settings-form select{min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--field);color:var(--ink);padding:9px 12px;max-width:100%;width:100%}.push-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.push-status{padding:12px;border-radius:12px;background:var(--chip);font-size:12px;margin-bottom:16px;white-space:pre-line}.push-settings-form fieldset{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}.push-settings-form legend{font-size:12px}.push-settings-form .quiet-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.push-settings-form .subtle{font-size:11px}.push-dialog button{min-height:44px}.mobile-bottom-nav{display:none}.icon-button{min-width:44px;min-height:44px}
@media(min-width:1000px){.rain-chart .rain-column{max-width:none}}
@media(max-width:1000px){.alert-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-panel .panel-heading{flex-direction:column}.rain-accumulations strong{font-size:22px}}
@media(max-width:700px){body{padding-bottom:76px}.quick-tools{flex-wrap:nowrap;overflow:auto;margin-bottom:16px;gap:7px}.quick-tools button{white-space:nowrap;font-size:11px;padding:8px 11px;flex-shrink:0}.quick-tools .icon{width:17px;height:17px}.rain-detail,.alerts-panel,.compare-panel,.sources-panel{padding:18px;margin-top:16px;border-radius:21px}.rain-accumulations{gap:6px}.rain-accumulations>div{padding:10px 8px;border-radius:12px}.rain-accumulations strong{font-size:20px}.rain-accumulations small{font-size:9px}.rain-period{font-size:15px}.alert-cards{grid-template-columns:1fr}.alert-toolbar{gap:0}.map-extra-controls{padding:0 14px 12px}.alert-item{padding:15px}.alert-filters{width:100%}.alert-filters button{font-size:10px;padding:8px}.push-settings-form{gap:12px}.model-table th,.model-table td{padding:12px 9px;font-size:11px}.priority-banner{padding:14px;gap:10px;font-size:13px}.mobile-bottom-nav{position:fixed;display:flex;justify-content:space-around;align-items:center;inset:auto 0 0;z-index:1000;padding:7px 8px max(8px,env(safe-area-inset-bottom));background:var(--glass-hi);backdrop-filter:blur(26px);border-top:1px solid var(--glass-brd);box-shadow:0 -4px 25px #10284812}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;min-width:60px;text-decoration:none;font-size:9px;color:var(--ink);justify-content:center}.mobile-bottom-nav .icon{width:20px;height:20px}.toast{bottom:90px}.source-health-row{gap:12px}.extra-weather{padding:15px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rain-column-track i{transition:none}}

.regional-active .town-label,.regional-active .town-marker{display:none}.regional-value{padding:6px 3px;font-size:10px}.regional-value bdi{white-space:nowrap}.regional-value .wind-direction{font-size:13px;margin-inline-end:2px}

@media(max-width:700px){.desktop-nav{display:none}.extra-weather{width:100%;order:2}}
.topbar,.page-heading{background:linear-gradient(158deg,var(--glass-hi),var(--glass-lo));border:1px solid var(--glass-brd);backdrop-filter:blur(16px);border-radius:20px;color:var(--ink)}.page-heading{padding:14px}.topbar .brand small,.page-heading .date-line{color:var(--muted)}