.list-header{letter-spacing:.5px;color:var(--text-muted);background:0 0;flex-shrink:0;align-items:center;padding:0 45px 0 51px;font-size:11px;font-weight:600;display:flex}.list-header .col-station{flex:none}.list-header .col-delta-prefix{text-align:left;color:var(--text-secondary);white-space:nowrap;flex:1;padding-right:12px;font-size:13px;font-weight:600}.list-header .col-deltas{flex-shrink:0;width:260px;display:flex}.list-header .col-delta{text-align:center;color:var(--text-secondary);flex:1;padding:0 8px;font-size:13px;font-weight:600}.list-header .col-trend{width:24px;margin:0 16px}.station-list{scrollbar-gutter:stable;border-bottom:1px solid var(--border);scroll-behavior:smooth;flex:1;padding:0 26px 8px 32px;overflow-y:auto}.station-card{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-white);background-clip:padding-box;border:3px solid transparent;align-items:center;margin-bottom:12px;padding:16px;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative}.station-card:hover,.station-card.highlighted{background:var(--accent-light)}.station-card.selected{background:var(--accent-light);border-color:var(--accent);box-shadow:var(--shadow-sm);border-width:1px;padding:18px}.station-card.thresh-green{border-color:var(--thresh-green);background:var(--bg-white);border-width:1px;padding:18px}.station-card.thresh-yellow{border-color:var(--thresh-yellow);background:var(--bg-white);border-width:2px;padding:17px}.station-card.thresh-orange{border-color:var(--thresh-orange);background:var(--bg-white);border-width:2px;padding:17px}.station-card.thresh-red{border-color:var(--thresh-red);background:var(--bg-white);border-width:3px;padding:16px}.station-card.thresh-green:hover,.station-card.thresh-green.highlighted{background:#f0fdf8}.station-card.thresh-green.selected{border-color:var(--thresh-green);background:#f0fdf8}.station-card.thresh-yellow:hover,.station-card.thresh-yellow.highlighted{background:#fefce8}.station-card.thresh-yellow.selected{border-color:var(--thresh-yellow);background:#fefce8}.station-card.thresh-orange:hover,.station-card.thresh-orange.highlighted{background:#fff7ed}.station-card.thresh-orange.selected{border-color:var(--thresh-orange);background:#fff7ed}.station-card.thresh-red:hover,.station-card.thresh-red.highlighted{background:#fef2f2}.station-card.thresh-red.selected{border-color:var(--thresh-red);background:#fef2f2}.card-level-bar{border:2.5px solid var(--bg-white);background:var(--trend-color,var(--text-muted));border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;width:28px;height:28px;margin:0 16px;font-size:0;line-height:0;transition:all .2s;display:flex}.station-card.thresh-green .card-level-bar{border-color:var(--thresh-green)}.station-card.thresh-yellow .card-level-bar{border-color:var(--thresh-yellow)}.station-card.thresh-orange .card-level-bar{border-color:var(--thresh-orange)}.station-card.thresh-red .card-level-bar{border-color:var(--thresh-red)}.trend-arrow,.card-level-bar .trend-arrow{width:14px;height:14px;display:block}.station-card:hover .card-level-bar,.station-card.selected .card-level-bar{transform:scale(1.15)}.btn-fav{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;transition:all .12s;display:flex}.btn-fav:hover{color:var(--text-secondary);background:rgba(0,0,0,.04)}.btn-fav.favorited{color:var(--accent)}.btn-fav svg{width:15px;height:15px;transition:transform .15s}.btn-fav:hover svg{transform:scale(1.12)}.station-info{flex:1;width:0;min-width:0}.station-name-row{align-items:center;gap:4px;display:flex}.station-name-row .btn-fav{flex-shrink:0;margin:0}.station-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.station-river{color:var(--text-muted);margin-top:1px;font-size:13px;font-weight:400;line-height:16px;display:none}.station-mobile-deltas,.mobile-legend-btn,.station-trend-dot{display:none}.station-level{text-align:right;flex-shrink:0;width:76px}.level-value{font-family:var(--font-mono);color:var(--text);font-size:15px;font-weight:600}.level-unit{color:var(--text-muted);margin-left:1px;font-size:11px;font-weight:400}.station-deltas{flex-shrink:0;gap:0;width:260px;display:flex}.delta{white-space:nowrap;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:6px;flex:1;padding:3px 8px;font-size:14px;font-weight:600;line-height:1.3}.delta-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);font-size:11px;font-weight:600;font-family:var(--font);margin-bottom:1px;display:block}.delta.positive,.delta.negative,.delta.neutral{color:var(--text)}.delta.no-data{color:var(--text-muted)}.delta-unit{color:var(--text-muted);font-size:11px;font-weight:400}.delta-arrow{margin-right:1px;font-size:14px}.delta-chevron{vertical-align:middle;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:0;width:24px;height:24px;font-size:0;line-height:0;display:inline-flex;box-shadow:0 1px 4px rgba(0,0,0,.15)}.delta-chevron svg.trend-arrow{width:14px;height:14px;margin:0;display:block}.card-sparkline>.time-series-chart{width:100%;height:100%}.card-sparkline>.time-series-chart>div{width:100%!important;height:100%!important}.app.layout-card .list-header{display:none}.app.layout-card .station-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:16px;padding:0 26px 8px 32px;display:grid}.app.layout-card .station-card{flex-direction:column;align-items:stretch;height:296px;margin-bottom:0;padding:0;overflow:hidden}.app.layout-card .station-card .card-sparkline{background:var(--k-bg-white);flex:1;width:auto;min-height:0;margin:12px 12px 0;overflow:hidden}.app.layout-card .station-card .card-sparkline svg{width:100%;height:100%;display:block}.app.layout-card .station-card .card-body{flex-direction:column;gap:4px;height:auto;padding:12px 12px 4px;display:flex}.app.layout-card .card-name-row{align-items:center;gap:2px;min-width:0;display:flex}.app.layout-card .card-name-col{min-width:0}.app.layout-card .card-name-row .btn-fav{flex-shrink:0;margin:0}.app.layout-card .station-card .card-body .station-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.app.layout-card .station-card .card-body .station-river{color:var(--text-muted);margin-bottom:4px;font-size:13px}.app.layout-card .card-delta-chevron{vertical-align:middle;background:currentColor;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;width:24px;height:24px;margin-right:4px;font-size:0;line-height:0;display:inline-flex;box-shadow:0 1px 4px rgba(0,0,0,.15)}.app.layout-card .card-delta-chevron svg{width:14px;height:14px;display:block}.app.layout-card .card-delta-chevron svg+svg{margin-top:-2px}.app.layout-card .card-delta-chevron .chevron,.app.layout-card .card-delta-chevron .chevron-line{fill:#fff}.app.layout-card .card-deltas{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex}.app.layout-card .card-deltas .card-delta{text-align:center;border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;padding:12px 4px;display:flex}.app.layout-card .card-deltas .card-delta:last-child{border-right:none}.app.layout-card .card-deltas .card-delta-label{letter-spacing:.3px;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600}.app.layout-card .card-deltas .card-delta-value{color:var(--text);font-size:15px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app.layout-card .card-deltas .card-delta-value span{color:var(--text-muted);font-size:11px;font-weight:400}.app.layout-card .station-card:hover{box-shadow:var(--shadow-md);background:#f8f9fb;transform:scale(1.02)}.app.layout-card .station-card.selected{box-shadow:var(--shadow-lg);background:var(--bg-white);border-color:var(--accent);transform:scale(1.02)}.app.layout-card .station-card.thresh-green.selected{border-color:var(--thresh-green);background:#f0fdf8}.app.layout-card .station-card.thresh-yellow.selected{border-color:var(--thresh-yellow);background:#fefce8}.app.layout-card .station-card.thresh-orange.selected{border-color:var(--thresh-orange);background:#fff7ed}.app.layout-card .station-card.thresh-red.selected{border-color:var(--thresh-red);background:#fef2f2}.app.layout-card .station-card .station-info,.app.layout-card .station-card .card-level-bar,.app.layout-card .station-card .station-deltas{display:none}@media (max-width:960px){.station-card:hover{background:var(--bg-white)}.station-card.thresh-green:hover{background:#f0fdf8}.station-card.thresh-yellow:hover{background:#fefce8}.station-card.thresh-orange:hover{background:#fff7ed}.station-card.thresh-red:hover{background:#fef2f2}.station-card:hover .card-level-bar{transform:none}.app.layout-card .station-card:hover{box-shadow:none;background:var(--bg-white);transform:none}.app.layout-card .station-card.thresh-green:hover{background:#f0fdf8}.app.layout-card .station-card.thresh-yellow:hover{background:#fefce8}.app.layout-card .station-card.thresh-orange:hover{background:#fff7ed}.app.layout-card .station-card.thresh-red:hover{background:#fef2f2}}
/*# sourceMappingURL=c36c9411331d9bc7.css.map*/