Australian Weather
<>
/* === Base === */
.awc-widget{
--awc-bg: linear-gradient(165deg#0f172a 0%#1e293b 50%#0f172a 100%);
--awc-glass: rgba(255,255,255,0.03);
--awc-glass-border: rgba(255,255,255,0.08);
--awc-text: #f1f5f9;
--awc-text-dim: #94a3b8;
--awc-accent: #38bdf8;
background: var(--awc-bg);
border-radius: 24px;
padding: 32px;
color: var(--awc-text);
font-family: -apple-systemBlinkMacSystemFont'Segoe UI'Roboto'Helvetica Neue'sans-serif;
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5)inset 0 1px 0 rgba(255,255,255,0.05);
max-width: 100%;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.awc-widget::before{
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: radial-gradient(circlergba(56,189,248,0.08) 0%transparent 60%);
pointer-events: none;
}
.awc-error{
color: var(--awc-text-dim);
text-align: center;
padding: 40px;
background: var(--awc-glass);
border-radius: 16px;
}
/* === Header === */
.awc-header{ margin-bottom: 20px; position: relative; z-index: 1; }
.awc-header-top{ display: flex; justify-content: space-between; align-items: flex-start; }
.awc-location-info{ display: flex; flex-direction: column; gap: 2px; }
.awc-city{ font-size: 26px; font-weight: 600; margin: 0; letter-spacing: -0.5px; }
.awc-state{ font-size: 13px; color: var(--awc-text-dim); }
.awc-updated{ font-size: 12px; color: var(--awc-text-dim); background: var(--awc-glass); padding: 6px 12px; border-radius: 20px; }
/* === Hero === */
.awc-hero{
display: flex;
align-items: center;
gap: 32px;
padding: 28px 0;
margin-bottom: 24px;
position: relative;
z-index: 1;
}
.awc-hero-main{ display: flex; align-items: flex-start; gap: 16px; }
.awc-hero-icon{ font-size: 88px; line-height: 1; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3)); }
.awc-hero-temp{ display: flex; align-items: flex-start; }
.awc-temp-num{ font-size: 96px; font-weight: 200; line-height: 1; letter-spacing: -4px; }
.awc-temp-deg{ font-size: 36px; font-weight: 300; margin-top: 12px; color: var(--awc-text-dim); }
.awc-hero-info{ flex: 1; }
.awc-condition{ font-size: 24px; font-weight: 500; margin: 0 0 6px 0; }
.awc-feels{ font-size: 16px; color: var(--awc-text-dim); margin: 0 0 12px 0; }
.awc-highlow{ display: flex; gap: 20px; font-size: 18px; font-weight: 500; }
.awc-hi{ color: #fbbf24; }
.awc-lo{ color: #60a5fa; }
/* === UV Alert === */
.awc-uv-alert{
display: flex;
align-items: center;
gap: 14px;
padding: 14px 18px;
border-radius: 14px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.awc-uv-icon{ font-size: 28px; }
.awc-uv-text{ display: flex; flex-direction: column; gap: 2px; }
.awc-uv-label{ font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--awc-text-dim); }
.awc-uv-value{ font-size: 16px; font-weight: 600; }
/* === Stats Grid === */
.awc-grid{
display: grid;
grid-template-columns: repeat(auto-fitminmax(140px1fr));
gap: 12px;
margin-bottom: 28px;
position: relative;
z-index: 1;
}
@media (min-width: 900px) {
.awc-grid{ grid-template-columns: repeat(41fr); }
}
@media (min-width: 1200px) {
.awc-grid{ grid-template-columns: repeat(51fr); }
}
.awc-stat{
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
background: var(--awc-glass);
border: 1px solid var(--awc-glass-border);
border-radius: 14px;
transition: background 0.2stransform 0.2s;
}
.awc-stat:hover{ background: rgba(255,255,255,0.05); transform: translateY(-2px); }
.awc-stat-icon{ font-size: 22px; }
.awc-stat-content{ display: flex; flex-direction: column; gap: 2px; }
.awc-stat-label{ font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--awc-text-dim); }
.awc-stat-value{ font-size: 14px; font-weight: 500; }
/* === Section === */
.awc-section{ margin-bottom: 20px; position: relative; z-index: 1; }
.awc-section-header{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px solid var(--awc-glass-border);
flex-wrap: wrap;
gap: 10px;
}
.awc-section-title{
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--awc-text-dim);
margin: 0;
}
/* === Tabs === */
.awc-tabs{
display: flex;
gap: 4px;
background: var(--awc-glass);
padding: 4px;
border-radius: 10px;
flex-wrap: wrap;
}
.awc-tab{
background: transparent;
border: none;
color: var(--awc-text-dim);
font-size: 11px;
font-weight: 500;
padding: 6px 12px;
border-radius: 7px;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
}
.awc-tab:hover{
color: var(--awc-text);
background: rgba(255,255,255,0.05);
}
.awc-tab.active{
background: var(--awc-accent);
color: #0f172a;
font-weight: 600;
}
/* === Data Views === */
.awc-hour-data.awc-day-data{
font-size: 15px;
font-weight: 600;
min-width: 60px;
text-align: center;
}
.awc-hour-data small.awc-day-data small{
font-size: 10px;
font-weight: 400;
color: var(--awc-text-dim);
}
.awc-muted{ color: var(--awc-text-dim); opacity: 0.6; }
.awc-day-data{ display: flex; align-items: center; gap: 10px; flex: 1; }
.awc-day-extra{
font-size: 12px;
color: #60a5fa;
text-align: right;
min-width: 50px;
}
.awc-precip-val{ color: #60a5fa; }
.awc-precip-mm{ font-size: 12px; color: var(--awc-text-dim); margin-left: 8px; }
.awc-wind-val{ color: var(--awc-text); }
.awc-uv-badge{ font-weight: 600; }
/* === Hourly === */
.awc-hourly{
display: flex;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
padding: 4px 4px 12px 4px;
margin: 0 -4px;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.2) transparent;
scroll-behavior: smooth;
}
.awc-hourly::-webkit-scrollbar{ height: 4px; }
.awc-hourly::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.2); border-radius: 2px; }
.awc-hourly::-webkit-scrollbar-track{ background: transparent; }
.awc-hour{
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 16px 18px;
background: var(--awc-glass);
border: 1px solid var(--awc-glass-border);
border-radius: 16px;
min-width: 85px;
transition: background 0.2s;
}
.awc-hour:hover{ background: rgba(255,255,255,0.06); }
.awc-hour-time{ font-size: 13px; color: var(--awc-text-dim); font-weight: 500; }
.awc-hour-icon{ font-size: 32px; }
.awc-hour-data{ font-size: 16px; font-weight: 600; min-width: 60px; text-align: center; }
/* === Daily === */
.awc-daily{ display: flex; flex-direction: column; gap: 10px; }
.awc-day{
display: grid;
grid-template-columns: 100px 50px 1fr 70px;
align-items: center;
gap: 16px;
padding: 16px 20px;
background: var(--awc-glass);
border: 1px solid var(--awc-glass-border);
border-radius: 14px;
transition: background 0.2s;
}
.awc-day:hover{ background: rgba(255,255,255,0.05); }
.awc-day-name{ font-size: 15px; font-weight: 500; }
.awc-day-icon{ font-size: 30px; text-align: center; }
.awc-day-data.awc-data-temp{ display: flex; align-items: center; gap: 12px; }
.awc-day-hi{ font-size: 16px; font-weight: 600; min-width: 36px; text-align: right; }
.awc-day-lo{ font-size: 15px; color: var(--awc-text-dim); min-width: 36px; }
.awc-temp-bar{ flex: 1; height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; overflow: hidden; max-width: 200px; }
.awc-temp-fill{ height: 100%; background: linear-gradient(90deg#60a5fa#fbbf24); border-radius: 3px; }
.awc-day-extra{ font-size: 13px; color: #60a5fa; text-align: right; min-width: 60px; }
/* === Footer === */
.awc-footer{
text-align: center;
font-size: 11px;
color: var(--awc-text-dim);
padding-top: 16px;
border-top: 1px solid var(--awc-glass-border);
position: relative;
z-index: 1;
}
/* === Compact Card === */
.awc-card-link{
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.2s ease;
}
.awc-card-link:hover{
transform: translateY(-4px);
}
.awc-card-link:hover .awc-card{
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
}
.awc-card{
background: linear-gradient(165deg#0f172a 0%#1e293b 100%);
border-radius: 20px;
padding: 22px;
color: #f1f5f9;
font-family: -apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.4);
max-width: 280px;
position: relative;
overflow: hidden;
transition: box-shadow 0.2s ease;
}
.awc-card::before{
content: '';
position: absolute;
top: -30%;
right: -30%;
width: 80%;
height: 80%;
background: radial-gradient(circlergba(56,189,248,0.1) 0%transparent 60%);
pointer-events: none;
}
.awc-card-top{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; position: relative; z-index: 1; }
.awc-card-loc{ display: flex; flex-direction: column; }
.awc-card-city{ font-size: 18px; font-weight: 600; }
.awc-card-state{ font-size: 12px; color: #94a3b8; }
.awc-card-time{ font-size: 11px; color: #94a3b8; }
.awc-card-main{ display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 8px; position: relative; z-index: 1; }
.awc-card-icon{ font-size: 52px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2)); }
.awc-card-temp{ font-size: 56px; font-weight: 200; letter-spacing: -2px; }
.awc-card-desc{ text-align: center; font-size: 15px; margin: 0 0 16px 0; color: #e2e8f0; position: relative; z-index: 1; }
.awc-card-stats{ display: flex; justify-content: center; gap: 20px; font-size: 13px; color: #94a3b8; position: relative; z-index: 1; }
/* === Tablet === */
@media (max-width: 600px) {
.awc-widget{
padding: 20px;
border-radius: 20px;
margin: 0;
max-width: 100%;
box-sizing: border-box;
}
.awc-header-top{ flex-direction: column; gap: 8px; align-items: center; text-align: center; }
.awc-updated{ align-self: center; }
.awc-location-info{ align-items: center; }
.awc-city{ font-size: 24px; }
.awc-hero{
flex-direction: column;
align-items: center;
text-align: center;
gap: 12px;
padding: 16px 0;
}
.awc-hero-main{ flex-direction: column; align-items: center; gap: 4px; }
.awc-hero-icon{ font-size: 64px; }
.awc-temp-num{ font-size: 72px; letter-spacing: -3px; }
.awc-temp-deg{ font-size: 28px; margin-top: 4px; }
.awc-hero-info{ text-align: center; }
.awc-highlow{ justify-content: center; }
.awc-condition{ font-size: 18px; }
.awc-uv-alert{ padding: 12px 14px; }
.awc-grid{ grid-template-columns: 1fr 1fr; gap: 10px; }
.awc-stat{ padding: 14px; min-height: 70px; }
.awc-stat-icon{ font-size: 20px; }
.awc-stat-value{ font-size: 13px; }
.awc-section-header{ flex-direction: column; align-items: stretch; gap: 10px; }
.awc-tabs{ width: 100%; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
.awc-section-title{ font-size: 12px; text-align: center; }
.awc-hour{ padding: 12px 14px; min-width: 68px; }
.awc-hour-icon{ font-size: 26px; }
.awc-hour-data{ font-size: 14px; min-width: 50px; }
.awc-day{
grid-template-columns: 65px 36px 1fr 50px;
padding: 14px;
gap: 10px;
}
.awc-day-name{ font-size: 13px; }
.awc-day-icon{ font-size: 24px; }
.awc-day-hi{ font-size: 14px; min-width: 28px; }
.awc-day-lo{ font-size: 13px; min-width: 28px; }
.awc-card-link{ display: block; max-width: 100%; }
.awc-card{ padding: 18px; max-width: 100%; margin: 0 auto; }
.awc-card-temp{ font-size: 48px; }
.awc-card-icon{ font-size: 44px; }
}
/* === Mobile === */
@media (max-width: 420px) {
.awc-widget{ padding: 16px; border-radius: 16px; margin: 0; }
.awc-city{ font-size: 22px; }
.awc-state{ font-size: 12px; }
.awc-updated{ font-size: 11px; padding: 5px 10px; }
.awc-hero{ padding: 12px 0; }
.awc-hero-icon{ font-size: 56px; }
.awc-temp-num{ font-size: 64px; letter-spacing: -2px; }
.awc-temp-deg{ font-size: 24px; }
.awc-condition{ font-size: 16px; }
.awc-feels{ font-size: 13px; }
.awc-highlow{ font-size: 14px; gap: 12px; }
.awc-uv-alert{
padding: 10px 12px;
border-radius: 12px;
margin-bottom: 16px;
}
.awc-uv-icon{ font-size: 24px; }
.awc-uv-value{ font-size: 14px; }
.awc-grid{ gap: 8px; margin-bottom: 20px; }
.awc-stat{
padding: 12px;
border-radius: 12px;
min-height: 65px;
}
.awc-stat-icon{ font-size: 18px; }
.awc-stat-label{ font-size: 10px; }
.awc-stat-value{ font-size: 12px; }
.awc-section{ margin-bottom: 16px; }
.awc-section-header{ gap: 8px; padding-bottom: 8px; }
.awc-section-title{ font-size: 11px; }
.awc-tabs{ padding: 3px; gap: 2px; }
.awc-tab{ padding: 5px 10px; font-size: 10px; border-radius: 6px; }
.awc-hourly{ gap: 6px; padding-bottom: 6px; }
.awc-hour{
padding: 10px 12px;
min-width: 62px;
border-radius: 14px;
gap: 6px;
}
.awc-hour-time{ font-size: 11px; }
.awc-hour-icon{ font-size: 24px; }
.awc-hour-data{ font-size: 13px; min-width: 45px; }
.awc-daily{ gap: 6px; }
.awc-day{
grid-template-columns: 55px 32px 1fr 45px;
padding: 12px;
gap: 8px;
border-radius: 12px;
}
.awc-day-name{ font-size: 12px; }
.awc-day-icon{ font-size: 22px; }
.awc-day-hi{ font-size: 13px; min-width: 26px; }
.awc-day-lo{ font-size: 12px; min-width: 26px; }
.awc-day-extra{ font-size: 11px; min-width: 42px; }
.awc-temp-bar{ height: 4px; }
.awc-footer{ font-size: 10px; padding-top: 12px; }
.awc-card{ padding: 16px; border-radius: 16px; margin: 0 auto; }
.awc-card-city{ font-size: 16px; }
.awc-card-state{ font-size: 11px; }
.awc-card-time{ font-size: 10px; }
.awc-card-main{ gap: 10px; margin-bottom: 6px; }
.awc-card-icon{ font-size: 40px; }
.awc-card-temp{ font-size: 44px; }
.awc-card-desc{ font-size: 14px; margin-bottom: 12px; }
.awc-card-stats{ gap: 16px; font-size: 12px; }
}
/* === Small Mobile === */
@media (max-width: 340px) {
.awc-widget{ padding: 14px; margin: 0; }
.awc-city{ font-size: 20px; }
.awc-hero-icon{ font-size: 48px; }
.awc-temp-num{ font-size: 56px; }
.awc-temp-deg{ font-size: 22px; }
.awc-grid{ grid-template-columns: 1fr; gap: 6px; }
.awc-stat{
flex-direction: row;
justify-content: flex-start;
min-height: auto;
padding: 12px 14px;
}
.awc-stat-icon{ font-size: 20px; }
.awc-stat-content{ flex-direction: row; gap: 8px; align-items: center; flex: 1; }
.awc-stat-label{ font-size: 11px; }
.awc-stat-value{ font-size: 13px; margin-left: auto; }
.awc-tabs{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.awc-tabs::-webkit-scrollbar{ display: none; }
.awc-tab{ padding: 5px 8px; font-size: 9px; }
.awc-hour{ min-width: 58px; padding: 8px 10px; }
.awc-day{
grid-template-columns: 50px 28px 1fr 40px;
padding: 10px;
gap: 6px;
}
.awc-temp-bar{ display: none; }
.awc-day-data.awc-data-temp{ gap: 6px; }
.awc-card{ padding: 14px; margin: 0 auto; }
.awc-card-icon{ font-size: 36px; }
.awc-card-temp{ font-size: 40px; }
.awc-card-stats{ gap: 12px; font-size: 11px; flex-wrap: wrap; justify-content: center; }
}
/* === Touch Improvements === */
@media (hover: none) and (pointer: coarse) {
.awc-stat:hover.awc-hour:hover.awc-day:hover{
background: var(--awc-glass);
transform: none;
}
.awc-stat:active.awc-hour:active.awc-day:active{
background: rgba(255,255,255,0.08);
}
.awc-hourly{
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.awc-hour{ scroll-snap-align: start; }
}
/* === Landscape Mobile === */
@media (max-height: 500px) and (orientation: landscape) {
.awc-widget{ padding: 16px; }
.awc-hero{
flex-direction: row;
align-items: center;
text-align: left;
padding: 12px 0;
}
.awc-hero-main{ flex-direction: row; }
.awc-hero-info{ text-align: left; }
.awc-highlow{ justify-content: flex-start; }
.awc-hero-icon{ font-size: 48px; }
.awc-temp-num{ font-size: 52px; }
.awc-grid{ grid-template-columns: repeat(41fr); }
}
/* === Dark Mode Enhancements === */
@media (prefers-color-scheme: dark) {
.awc-widget.awc-card{
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.7)inset 0 1px 0 rgba(255,255,255,0.05);
}
}
/* === Reduced Motion === */
@media (prefers-reduced-motion: reduce) {
.awc-stat.awc-hour.awc-day{ transition: none; }
.awc-stat:hover{ transform: none; }
}
Sydney
NSW
12:57 am
24.3°
Partly cloudy
💧 86%
💨 20 km/h
☀️ 0
Live Weather Radar & Satellite Map
🛰️
Interactive Radar Map
Tap to load live weather radar
Interactive weather radar powered by Windy • Click and drag to explore • Switch layers in menu
<>
.awa-summary-widget{background:#2D2D2D;border-radius:12px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.awa-summary-header{background:linear-gradient(135deg,#E91E8C 0%,#C2185B 100%);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;transition:border-radius 0.3s}
.awa-summary-header-left{display:flex;align-items:center;gap:10px}
.awa-summary-header svg{width:22px;height:22px;fill:#fff}
.awa-summary-title{color:#fff;font-weight:600;font-size:1em;margin:0}
.awa-header-count{background:rgba(255,255,255,0.2);color:#fff;padding:2px 10px;border-radius:12px;font-size:0.8em;font-weight:600}
.awa-header-right{display:flex;align-items:center;gap:12px}
.awa-summary-arrow{color:#fff;font-size:1.3em;text-decoration:none;font-weight:bold;opacity:0.8;transition:opacity 0.2s}
.awa-summary-arrow:hover{opacity:1}
.awa-collapse-icon{color:#fff;font-size:0.8em;transition:transform 0.3s;opacity:0.8}
.awa-collapsed .awa-collapse-icon{transform:rotate(-90deg)}
.awa-collapsed .awa-summary-header{border-radius:12px}
.awa-collapsible-content{max-height:500px;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}
.awa-collapsed .awa-collapsible-content{max-height:0;padding-top:0;padding-bottom:0}
.awa-summary-body{padding:16px 20px}
.awa-summary-grid{display:flex;flex-direction:column;gap:0}
.awa-summary-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08)}
.awa-summary-row:last-child{border-bottom:none}
.awa-summary-row:hover{background:rgba(255,255,255,0.03);margin:0 -20px;padding-left:20px;padding-right:20px}
.awa-summary-count{font-size:1.2em;font-weight:700;min-width:24px;text-align:center}
.awa-summary-count.has{color:#ef4444}
.awa-summary-count.none{color:#22c55e}
.awa-summary-state{color:#e2e8f0;font-weight:400;flex:1;font-size:0.95em}
.awa-summary-link{color:#fff;text-decoration:none;font-size:0.75em;opacity:0;transition:all 0.2s;font-weight:600;background:#E91E8C;padding:4px 10px;border-radius:4px}
.awa-summary-row:hover .awa-summary-link{opacity:1}
.awa-summary-link:hover{background:#ff2da0}
.awa-summary-total{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}
.awa-summary-total-label{color:#94a3b8;font-size:0.85em}
.awa-summary-total-count{color:#fff;font-weight:700;font-size:1.1em}
<>
.aft-summary-widget{background:#2D2D2D;border-radius:12px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.aft-summary-header{background:linear-gradient(135deg,#E91E8C 0%,#C2185B 100%);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.aft-summary-header-left{display:flex;align-items:center;gap:10px}
.aft-summary-title{color:#fff;font-weight:600;font-size:1em;margin:0}
.aft-summary-count{background:rgba(255,255,255,0.2);color:#fff;padding:2px 10px;border-radius:12px;font-size:0.8em;font-weight:600}
.aft-summary-header-right{display:flex;align-items:center;gap:12px}
.aft-summary-arrow{color:#fff;font-size:1.3em;text-decoration:none;font-weight:bold;opacity:0.8}
.aft-summary-collapse{color:#fff;font-size:0.8em;transition:transform 0.3s;opacity:0.8}
.aft-summary-widget.aft-collapsed .aft-summary-collapse{transform:rotate(-90deg)}
.aft-summary-widget.aft-collapsed .aft-summary-header{border-radius:12px}
.aft-summary-body{padding:16px 20px;max-height:400px;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease,opacity 0.3s ease}
.aft-summary-widget.aft-collapsed .aft-summary-body{max-height:0;padding-top:0;padding-bottom:0;opacity:0}
.aft-summary-grid{display:flex;flex-direction:column;gap:0;max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#E91E8C #2D2D2D}
.aft-summary-grid::-webkit-scrollbar{width:6px}
.aft-summary-grid::-webkit-scrollbar-track{background:#2D2D2D}
.aft-summary-grid::-webkit-scrollbar-thumb{background:#E91E8C;border-radius:3px}
.aft-summary-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08);transition:background 0.2s}
.aft-summary-row:last-child{border-bottom:none}
.aft-summary-row:hover{background:rgba(255,255,255,0.05)}
.aft-summary-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.aft-summary-dot.good{background:#22c55e}
.aft-summary-dot.marginal{background:#f59e0b}
.aft-summary-dot.poor{background:#ef4444}
.aft-summary-dot.unavailable{background:#6b7280}
.aft-summary-label{color:#e2e8f0;font-weight:400;flex:1;font-size:0.95em}
.aft-summary-label small{color:#9ca3af;font-size:0.85em}
.aft-summary-value{font-weight:600;font-size:0.85em;color:#9ca3af}
.aft-summary-link{color:#fff;text-decoration:none;font-size:0.8em;opacity:0;transition:opacity 0.2s;font-weight:500;background:rgba(233,30,140,0.5);padding:4px 10px;border-radius:4px}
.aft-summary-row:hover .aft-summary-link{opacity:1}
.aft-summary-total{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}
.aft-summary-total-label{color:#94a3b8;font-size:0.85em}
.aft-summary-total-link{color:#E91E8C;text-decoration:none;font-weight:600;font-size:0.9em}
.aft-summary-total-link:hover{text-decoration:underline}
<>
.awf-widget{background:#2D2D2D;border-radius:12px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 20px rgba(0,0,0,0.3);color:#fff;margin-bottom:20px}
.awf-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.awf-header-spray{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}
.awf-header-frost{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}
.awf-header-et{background:linear-gradient(135deg,#0891b2 0%,#0e7490 100%)}
.awf-header-forecast{background:linear-gradient(135deg,#E91E8C 0%,#C2185B 100%)}
.awf-header-summary{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%)}
.awf-header-left{display:flex;align-items:center;gap:10px}
.awf-header-icon{font-size:1.2em}
.awf-header-title{font-weight:600;font-size:1em}
.awf-header-right{display:flex;align-items:center;gap:12px}
.awf-status-badge{padding:4px 12px;border-radius:20px;font-size:0.8em;font-weight:600;color:#fff}
.awf-collapse-icon{font-size:0.8em;transition:transform 0.3s;opacity:0.8}
.awf-collapsed .awf-collapse-icon{transform:rotate(-90deg)}
.awf-collapsed .awf-header{border-radius:12px}
.awf-body{padding:16px 20px;max-height:600px;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:max-height 0.3s ease,padding 0.3s ease,opacity 0.3s ease}
.awf-collapsed .awf-body{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}
.awf-location{color:#9ca3af;font-size:13px;margin-bottom:15px}
.awf-footer{margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;color:#6b7280;font-size:11px}
.awf-error{color:#9ca3af;font-size:14px;text-align:center;padding:20px}
/* Spray Windows */
.awf-subheader{color:#9ca3af;font-size:12px;margin-bottom:15px;text-align:center}
.awf-regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.awf-region-card{background:rgba(255,255,255,0.03);border-radius:8px;padding:14px;border-left:3px solid #6b7280}
.awf-region-card.awf-has-window{border-left-color:#22c55e}
.awf-region-card.awf-no-window{border-left-color:#f59e0b}
.awf-region-card.awf-frost-card{border-left-width:4px}
.awf-region-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.awf-region-name{font-weight:600;font-size:14px;color:#e2e8f0}
.awf-region-state{font-size:11px;color:#9ca3af;background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:4px}
.awf-region-next{display:flex;flex-direction:column;gap:2px}
.awf-region-next-label{font-size:10px;color:#9ca3af;text-transform:uppercase}
.awf-region-next-time{font-size:16px;font-weight:600;color:#22c55e}
.awf-region-duration{font-size:11px;color:#9ca3af;margin-top:6px}
.awf-region-none{display:flex;align-items:center;gap:8px;color:#f59e0b;font-size:13px;padding:8px 0}
.awf-frost-row{display:flex;gap:8px;margin-top:6px}
.awf-frost-cell{flex:1;text-align:center}
.awf-frost-day-label{display:block;font-size:10px;color:#9ca3af;margin-bottom:2px}
.awf-frost-temp{display:block;font-size:16px;font-weight:600}
.awf-windows-list{display:flex;flex-direction:column;gap:12px}
.awf-day-group{background:rgba(255,255,255,0.03);border-radius:8px;padding:12px}
.awf-day-label{font-weight:600;font-size:14px;margin-bottom:8px;color:#e2e8f0}
.awf-day-date{font-weight:400;color:#9ca3af;font-size:12px;margin-left:8px}
.awf-window-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(34,197,94,0.15);border-radius:6px;border-left:3px solid #22c55e;margin-top:6px}
.awf-window-time{display:flex;align-items:center;gap:8px;font-size:14px}
.awf-window-sep{color:#6b7280}
.awf-window-duration{color:#22c55e;font-weight:600;font-size:13px}
.awf-no-windows{text-align:center;padding:20px;color:#f59e0b;display:flex;align-items:center;justify-content:center;gap:10px}
/* Frost Risk */
.awf-frost-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}
.awf-frost-day{flex:1;min-width:50px;text-align:center;padding:10px 8px;background:rgba(255,255,255,0.03);border-radius:8px}
.awf-frost-label{font-size:11px;color:#9ca3af;margin-bottom:6px}
.awf-frost-temp{font-size:18px;font-weight:600;margin-bottom:6px}
.awf-frost-indicator{height:4px;border-radius:2px;margin-top:4px}
.awf-frost-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;justify-content:center}
.awf-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#9ca3af}
.awf-legend-dot{width:8px;height:8px;border-radius:50%}
/* ET Chart */
.awf-et-chart{display:flex;align-items:flex-end;gap:8px;height:120px;padding:10px 0}
.awf-et-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}
.awf-et-value{font-size:10px;color:#9ca3af;margin-bottom:4px}
.awf-et-bar{width:100%;background:linear-gradient(180deg,#0891b2 0%,#0e7490 100%);border-radius:4px 4px 0 0;min-height:4px;transition:height 0.3s}
.awf-et-label{font-size:10px;color:#9ca3af;margin-top:6px}
.awf-et-label.awf-today{color:#0891b2;font-weight:600}
.awf-et-summary{display:flex;justify-content:center;gap:30px;margin-top:15px}
.awf-et-stat{text-align:center}
.awf-et-stat-label{display:block;font-size:11px;color:#9ca3af}
.awf-et-stat-value{display:block;font-size:18px;font-weight:600;color:#0891b2}
/* Forecast List */
.awf-forecast-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}
.awf-forecast-day{flex:1;min-width:70px;text-align:center;padding:12px 8px;background:rgba(255,255,255,0.03);border-radius:8px}
.awf-forecast-day.awf-today{background:rgba(233,30,140,0.15);border:1px solid rgba(233,30,140,0.3)}
.awf-forecast-day-name{font-size:12px;font-weight:600;color:#e2e8f0;margin-bottom:8px}
.awf-forecast-temps{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.awf-temp-max{font-size:18px;font-weight:600;color:#fff}
.awf-temp-min{font-size:13px;color:#9ca3af}
.awf-forecast-rain{font-size:12px;color:#3b82f6}
.awf-rain-none{color:#6b7280}
.awf-forecast-precis{font-size:10px;color:#9ca3af;margin-top:6px;line-height:1.3}
/* Summary Widget */
.awf-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}
.awf-summary-card{background:rgba(255,255,255,0.03);border-radius:8px;padding:14px;display:flex;align-items:flex-start;gap:12px;border-left:3px solid #6b7280}
.awf-summary-card.awf-good{border-left-color:#22c55e}
.awf-summary-card.awf-warn{border-left-color:#f59e0b}
.awf-summary-card-icon{font-size:1.5em;line-height:1}
.awf-summary-card-content{flex:1;min-width:0}
.awf-summary-card-label{font-size:11px;color:#9ca3af;text-transform:uppercase;margin-bottom:4px}
.awf-summary-card-value{font-size:18px;font-weight:600;color:#e2e8f0}
.awf-summary-card-sub{font-size:11px;color:#9ca3af;margin-top:2px}
.awf-summary-cta{display:block;text-align:center;padding:12px 20px;background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:14px;transition:opacity 0.2s}
.awf-summary-cta:hover{opacity:0.9;color:#fff}
@media(max-width:640px){
.awf-frost-grid,.awf-et-chart,.awf-forecast-list{overflow-x:auto;-webkit-overflow-scrolling:touch}
.awf-frost-day,.awf-forecast-day{min-width:60px}
.awf-regions-grid{grid-template-columns:1fr}
}
<>
.awa-farmer-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#2D2D2D;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.awa-farmer-header{background:linear-gradient(135deg,#E91E8C 0%,#C2185B 100%);padding:14px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;transition:border-radius 0.3s}
.awa-farmer-header-icon{font-size:1.2em}
.awa-farmer-header-title{color:#fff;font-weight:600;font-size:1em;flex:1}
.awa-farmer-header-count{background:rgba(255,255,255,0.2);color:#fff;padding:4px 12px;border-radius:20px;font-size:0.8em;font-weight:600}
.awa-farmer-header-count.awa-clear{background:rgba(34,197,94,0.3)}
.awa-farmer-header .awa-collapse-icon{color:#fff;font-size:0.8em;transition:transform 0.3s;opacity:0.8}
.awa-farmer-container.awa-collapsed .awa-collapse-icon{transform:rotate(-90deg)}
.awa-farmer-container.awa-collapsed .awa-farmer-header{border-radius:12px}
.awa-farmer-body{max-height:600px;overflow:hidden;transition:max-height 0.3s ease}
.awa-farmer-container.awa-collapsed .awa-farmer-body{max-height:0}
.awa-farmer-list{padding:12px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#E91E8C #2D2D2D}
.awa-farmer-list::-webkit-scrollbar{width:6px}
.awa-farmer-list::-webkit-scrollbar-track{background:#2D2D2D}
.awa-farmer-list::-webkit-scrollbar-thumb{background:#E91E8C;border-radius:3px}
.awa-farmer-clear-msg{padding:20px;text-align:center;color:#22c55e;font-size:0.95em}
.awa-farmer-alert{display:flex;gap:14px;padding:14px;background:rgba(255,255,255,0.03);border-radius:10px;margin-bottom:10px;border-left:4px solid;transition:background 0.2s}
.awa-farmer-alert:last-child{margin-bottom:0}
.awa-farmer-alert:hover{background:rgba(255,255,255,0.06)}
.awa-farmer-extreme{border-color:#ef4444;background:rgba(239,68,68,0.08)}
.awa-farmer-severe{border-color:#f97316;background:rgba(249,115,22,0.08)}
.awa-farmer-moderate{border-color:#eab308;background:rgba(234,179,8,0.08)}
.awa-farmer-minor{border-color:#3b82f6;background:rgba(59,130,246,0.08)}
.awa-farmer-unknown{border-color:#64748b;background:rgba(100,116,139,0.08)}
.awa-farmer-alert-icon{font-size:1.8em;line-height:1}
.awa-farmer-alert-content{flex:1;min-width:0}
.awa-farmer-alert-type{font-size:0.7em;text-transform:uppercase;letter-spacing:0.5px;color:#E91E8C;margin-bottom:4px;font-weight:600}
.awa-farmer-alert-headline{color:#f1f5f9;font-weight:500;font-size:0.95em;line-height:1.4;margin-bottom:4px}
.awa-farmer-alert-areas{color:#94a3b8;font-size:0.8em;margin-bottom:2px}
.awa-farmer-alert-expires{color:#64748b;font-size:0.75em}
.awa-farmer-clear{background:linear-gradient(135deg,#065f46 0%,#047857 100%);padding:20px;display:flex;align-items:center;gap:14px;color:#fff}
.awa-farmer-clear-icon{font-size:1.8em}
.awa-farmer-clear-text{font-weight:500;font-size:0.95em}
.awa-farmer-footer{padding:10px 16px;text-align:right;font-size:0.7em;color:#64748b;border-top:1px solid rgba(255,255,255,0.05)}
.awa-farmer-viewall{color:#E91E8C;text-decoration:none;font-weight:600;transition:color 0.2s}
.awa-farmer-viewall:hover{color:#ff2da0}
Weather Alerts for Farmers50 active
Flood · Severe
Major Flood Warning for Lower Daly River and Daly River at Daly River Police Station
Lower Daly River and Daly River at Daly River Police Station
Until 12:26 amSun 8 Mar
Flood · Severe
Major Flood Warning for Katherine River Gorge Road and Katherine River at Nitmiluk Centre
Katherine River Gorge Road and Katherine River at Nitmiluk Centre
Until 2:27 amSun 8 Mar
Flood · Severe
Major Flood Warning for Katherine Town and Katherine River at Katherine Bridge
Katherine Town and Katherine River at Katherine Bridge
Until 2:27 amSun 8 Mar
Flood · Severe
Major Flood Warning for Waterhouse River and Waterhouse River at Beswick Bridge
Waterhouse River and Waterhouse River at Beswick Bridge
Until 1:22 amSun 8 Mar
Flood · Severe
Major Flood Warning for Thomson RiverThomson River at Camoola ParkThomson River at LongreachThomson River at Stonehenge and Thomson River at Jundah
Thomson RiverThomson River at Camoola ParkThomson River at LongreachThomson River at Stonehenge and Thomson River at Jundah
Until 5:57 pmMon 9 Mar
Flood · Severe
Major Flood Warning for Cooper Creek and Cooper Creek at Windorah
Cooper Creek and Cooper Creek at Windorah
Until 5:57 pmMon 9 Mar
Flood · Severe
Major Flood Warning for Georgina River to Marion Downs and Georgina River at Marion Downs
Georgina River to Marion Downs and Georgina River at Marion Downs
Until 6:05 pmMon 9 Mar
Flood · Severe
Major Flood Warning for Eyre CreekEyre Creek at Bedourie and Eyre Creek at Glengyle
Eyre CreekEyre Creek at Bedourie and Eyre Creek at Glengyle
Until 6:05 pmMon 9 Mar
Flood · Severe
Major Flood Warning for Flinders River downstream of Richmond and Flinders River at Walkers Bend
Flinders River downstream of Richmond and Flinders River at Walkers Bend
Until 1:24 pmMon 9 Mar
Flood · Moderate
Moderate Flood Warning for Daintree River and Daintree River at Daintree Village
Daintree River and Daintree River at Daintree Village
Until 6:33 pmSat 7 Mar
Flood · Moderate
Moderate Flood Warning for Diamantina River downstream of Diamantina Lakes and Diamantina River at Birdsville Police Station
Diamantina River downstream of Diamantina Lakes and Diamantina River at Birdsville Police Station
Until 6:25 pmMon 9 Mar
Flood · Minor
Minor Flood Warning for Upper Adelaide River and Adelaide River at Adelaide River Town
Upper Adelaide River and Adelaide River at Adelaide River Town
Until 6:33 pmSat 7 Mar
Flood · Minor
Minor Flood Warning for Paroo River (NSW)Paroo River at Willara Crossing and Paroo River at Wanaaring
Paroo River (NSW)Paroo River at Willara Crossing and Paroo River at Wanaaring
Until 6:00 pmMon 9 Mar
Flood · Minor
Minor Flood Warning for Tully River and Tully River at Euramo
Tully River and Tully River at Euramo
Until 4:16 pmSat 7 Mar
Flood · Minor
Minor Flood Warning for Herbert River to Nash's Crossing and Herbert River at Gleneagle Homestead
Herbert River to Nash's Crossing and Herbert River at Gleneagle Homestead
Until 7:37 pmSat 7 Mar
Flood · Minor
Minor Flood Warning for Herbert River downstream of Nash's CrossingHerbert River at Abergowrie Bridge and Herbert River at Halifax
Herbert River downstream of Nash's CrossingHerbert River at Abergowrie Bridge and Herbert River at Halifax
Until 7:37 pmSat 7 Mar
Flood · Minor
Minor Flood Warning for Don River and Don River at Bowen Pump Station
Don River and Don River at Bowen Pump Station
Until 6:16 pmSat 7 Mar
Flood · Minor
Minor Flood Warning for Paroo River downstream of Eulo and Paroo River at Hungerford
Paroo River downstream of Eulo and Paroo River at Hungerford
Until 6:33 pmMon 9 Mar
Flood · Minor
Minor Flood Warning for Norman River and Norman River at Normanton
Norman River and Norman River at Normanton
Until 6:07 pmMon 9 Mar
Flood · Minor
Minor Flood Warning for Fitzroy River from Fitzroy Crossing to Noonkanbah and Fitzroy River at Noonkanbah
Fitzroy River from Fitzroy Crossing to Noonkanbah and Fitzroy River at Noonkanbah
Until 4:34 pmSat 7 Mar
Flood · Unknown
Flood Warning for Daly River above Douglas River
Daly River above Douglas River
Until 12:26 amSun 8 Mar
Flood · Unknown
Flood Warning for Fergusson River
Fergusson River
Until 12:26 amSun 8 Mar
Flood · Unknown
Flood Warning for Roper River below Elsey Creek
Roper River below Elsey Creek
Until 1:22 amSun 8 Mar
Flood · Unknown
Flood Watch for East Kimberley Rivers
East Kimberley Rivers
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Upper Victoria River
Upper Victoria River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Victoria River below Kalkarindji
Victoria River below Kalkarindji
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Fitzmaurice River
Fitzmaurice River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Moyle River
Moyle River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Katherine River
Katherine River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Daly River above Douglas River
Daly River above Douglas River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Lower Daly River
Lower Daly River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Finniss River
Finniss River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Upper Adelaide River
Upper Adelaide River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Adelaide River below Adelaide River Town
Adelaide River below Adelaide River Town
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Walker River
Walker River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Waterhouse River
Waterhouse River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Roper River
Roper River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Towns River
Towns River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Limmen Bight River
Limmen Bight River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Rosie River
Rosie River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for McArthur River
McArthur River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Robinson River
Robinson River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Calvert River
Calvert River
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Watch for Settlement Creek
Settlement Creek
Until 6:40 pmSat 7 Mar
Flood · Unknown
Flood Warning for Mossman River
Mossman River
Until 6:33 pmSat 7 Mar
Flood · Unknown
Flood Warning for Mulgrave RiverMulgrave River at Peets Bridge and Mulgrave River at Gordonvale
Mulgrave RiverMulgrave River at Peets Bridge and Mulgrave River at Gordonvale
Until 1:56 pmSat 7 Mar
Flood · Unknown
Flood Warning for Pioneer River
Pioneer River
Until 4:12 pmSat 7 Mar
Flood · Unknown
Flood Warning for Connors and Isaac Rivers and Isaac River at Yatton
Connors and Isaac Rivers and Isaac River at Yatton
Until 3:28 pmSat 7 Mar
Flood · Unknown
Flood Warning for Barcoo River downstream of Isisford and Barcoo River at Retreat
Barcoo River downstream of Isisford and Barcoo River at Retreat
Until 5:57 pmMon 9 Mar
Flood · Unknown
Flood Warning for Diamantina River to Diamantina Lakes
Diamantina River to Diamantina Lakes
Until 6:25 pmMon 9 Mar
<>
.aft-river-summary{background:#2D2D2D;border-radius:12px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.aft-river-summary-header{background:linear-gradient(135deg,#0891b2 0%,#0e7490 100%);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.aft-river-summary-header-left{display:flex;align-items:center;gap:10px}
.aft-river-summary-title{color:#fff;font-weight:600;font-size:1em;margin:0}
.aft-river-summary-count{background:rgba(255,255,255,0.2);color:#fff;padding:2px 10px;border-radius:12px;font-size:0.8em;font-weight:600}
.aft-river-summary-header-right{display:flex;align-items:center;gap:12px}
.aft-river-summary-arrow{color:#fff;font-size:1.3em;text-decoration:none;font-weight:bold;opacity:0.8}
.aft-river-summary-collapse{color:#fff;font-size:0.8em;transition:transform 0.3s;opacity:0.8}
.aft-river-summary.aft-collapsed .aft-river-summary-collapse{transform:rotate(-90deg)}
.aft-river-summary.aft-collapsed .aft-river-summary-header{border-radius:12px}
.aft-river-summary-body{padding:16px 20px;max-height:400px;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease,opacity 0.3s ease}
.aft-river-summary.aft-collapsed .aft-river-summary-body{max-height:0;padding-top:0;padding-bottom:0;opacity:0}
.aft-river-summary-grid{display:flex;flex-direction:column;gap:0;max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#0891b2 #2D2D2D}
.aft-river-summary-grid::-webkit-scrollbar{width:6px}
.aft-river-summary-grid::-webkit-scrollbar-track{background:#2D2D2D}
.aft-river-summary-grid::-webkit-scrollbar-thumb{background:#0891b2;border-radius:3px}
.aft-river-summary-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08);transition:background 0.2s}
.aft-river-summary-row:last-child{border-bottom:none}
.aft-river-summary-row:hover{background:rgba(255,255,255,0.05)}
.aft-river-summary-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.aft-river-summary-dot.normal{background:#22c55e}
.aft-river-summary-dot.minor{background:#f59e0b}
.aft-river-summary-dot.moderate{background:#ef4444}
.aft-river-summary-dot.major{background:#7c3aed}
.aft-river-summary-dot.unavailable{background:#6b7280}
.aft-river-summary-label{color:#e2e8f0;font-weight:400;flex:1;font-size:0.95em}
.aft-river-summary-value{font-weight:600;font-size:0.95em}
.aft-river-summary-link{color:#fff;text-decoration:none;font-size:0.8em;opacity:0;transition:opacity 0.2s;font-weight:500;background:rgba(8,145,178,0.5);padding:4px 10px;border-radius:4px}
.aft-river-summary-row:hover .aft-river-summary-link{opacity:1}
.aft-river-summary-total{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}
.aft-river-summary-total-label{color:#94a3b8;font-size:0.85em}
.aft-river-summary-total-link{color:#0891b2;text-decoration:none;font-weight:600;font-size:0.9em}
.aft-river-summary-total-link:hover{text-decoration:underline}
🌊
River Heights
All Normal
→
▼
18 rivers monitored
View All →
Enable Notifications
OK
No thanks