.jd-rivers-module{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px}.jd-rivers-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.jd-rivers-head h3{color:var(--text);margin:0 0 6px;font-size:22px;line-height:1.18}.jd-rivers-help{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.jd-rivers-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.jd-rivers-meta-item{background:color-mix(in oklab, var(--brand,#14b8a6) 8%, var(--card));border:1px solid color-mix(in oklab, var(--brand,#14b8a6) 18%, var(--border));border-radius:16px;min-width:120px;padding:10px 12px}.jd-rivers-meta-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.jd-rivers-meta-item strong{color:var(--text);font-size:13px}.jd-rivers-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 14px;display:flex}.jd-rivers-control{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.jd-rivers-select,.jd-rivers-btn,.jd-rivers-filter{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 92%, var(--brand,#14b8a6));color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 11px}.jd-rivers-select{padding-right:26px}.jd-rivers-filters{flex-wrap:wrap;flex:1;gap:8px;display:flex}.jd-rivers-filter.is-active{background:var(--brand,#14b8a6);color:#fff;border-color:color-mix(in oklab, var(--brand,#14b8a6) 75%, #000)}.jd-rivers-btn{font-weight:700}.jd-rivers-map{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 80%, #94a3b8);border-radius:20px;width:100%;height:430px;overflow:hidden}.jd-rivers-legend{flex-wrap:wrap;gap:8px;margin:12px 0 8px;display:flex}.jd-rivers-legend-item{background:color-mix(in oklab, var(--card) 90%, var(--brand,#14b8a6));border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;display:inline-flex}.jd-rivers-dot{border-radius:999px;width:11px;height:11px;display:inline-block;box-shadow:0 0 0 2px #ffffffbf}.jd-rivers-dot.normal{background:#38bdf8}.jd-rivers-dot.rising{background:#f59e0b}.jd-rivers-dot.attention{background:#ef4444}.jd-rivers-dot.stale{background:#94a3b8}.jd-rivers-dot.unknown{background:#8b5cf6}.jd-rivers-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.jd-rivers-summary-card{background:color-mix(in oklab, var(--card) 88%, var(--brand,#14b8a6));border:1px solid var(--border);border-radius:18px;padding:13px}.jd-rivers-summary-card span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.jd-rivers-summary-card strong{color:var(--text);font-size:22px;line-height:1;display:block}.jd-rivers-list{gap:10px;margin-top:12px;display:grid}.jd-rivers-card{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 94%, var(--brand,#14b8a6));border-radius:18px;grid-template-columns:1fr auto;gap:12px;padding:14px;display:grid}.jd-rivers-card h4{color:var(--text);margin:0 0 5px;font-size:16px}.jd-rivers-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.jd-rivers-values{text-align:right;min-width:145px}.jd-rivers-value-main{color:var(--text);font-size:20px;font-weight:800;display:block}.jd-rivers-value-sub{color:var(--muted);margin-top:3px;font-size:12px;display:block}.jd-rivers-badge{color:#fff;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.jd-rivers-badge.normal{background:#0284c7}.jd-rivers-badge.rising{background:#d97706}.jd-rivers-badge.attention{background:#dc2626}.jd-rivers-badge.stale{background:#64748b}.jd-rivers-badge.unknown{background:#7c3aed}.jd-rivers-empty,.jd-rivers-error,.jd-rivers-note{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 92%, #94a3b8);color:var(--muted);border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.45}.jd-rivers-note{margin:14px 0 0}.jd-rivers-popup strong{margin-bottom:4px;display:block}.jd-rivers-popup small{color:#64748b}@media (max-width:760px){.jd-rivers-module{padding:14px}.jd-rivers-head{display:block}.jd-rivers-meta{justify-content:stretch;margin-top:12px}.jd-rivers-meta-item{flex:1;min-width:0}.jd-rivers-toolbar{align-items:stretch}.jd-rivers-control,.jd-rivers-select,.jd-rivers-btn{width:100%}.jd-rivers-control{justify-content:space-between}.jd-rivers-filters{flex-wrap:nowrap;width:100%;padding-bottom:3px;overflow-x:auto}.jd-rivers-filter{white-space:nowrap}.jd-rivers-map{border-radius:18px;height:360px}.jd-rivers-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-rivers-card{grid-template-columns:1fr}.jd-rivers-values{text-align:left}}.jd-rivers-map-marker{background:radial-gradient(circle at 35% 25%, #fffffff2, #ffffff4d 32%, transparent 58%), var(--river-color,#38bdf8);width:34px;height:34px;box-shadow:0 10px 22px #0f172a42, 0 0 0 4px color-mix(in oklab, var(--river-color,#38bdf8) 22%, transparent);border:2px solid #ffffffeb;border-radius:999px;place-items:center;display:grid;transform:translate(-17px,-17px)}.jd-rivers-map-marker:before{content:"≈";color:#fff;text-shadow:0 1px 4px #0f172a59;font-size:21px;font-weight:950;line-height:1;transform:translateY(-1px)}.jd-rivers-map-marker.rising:before,.jd-rivers-map-marker.attention:before{content:"↟";font-size:19px}.jd-rivers-map-marker.stale:before{content:"•";font-size:22px}.jd-rivers-map-marker.unknown:before{content:"?";font-size:17px}.jd-rivers-map-marker.station{--river-color:#fff;border-color:#0f172abf;box-shadow:0 10px 22px #0f172a38,0 0 0 4px #0f172a1a}.jd-rivers-map-marker.station{background:radial-gradient(circle at 35% 25%,#fff,#ffffffb8 42%,#ffffffeb 70%),#fff;border:2px solid #0f172ad1;width:38px;height:38px;transform:translate(-19px,-19px)}.jd-rivers-map-marker.station:before{content:"⌂";color:#111827;text-shadow:none;font-size:18px}@keyframes jd-rivers-pulse{0%,to{box-shadow:0 12px 24px #0f172a4d, 0 0 0 4px color-mix(in oklab, var(--river-color,#f59e0b) 28%, transparent), inset 0 -5px 10px #0f172a1f}50%{box-shadow:0 12px 24px #0f172a4d, 0 0 0 8px color-mix(in oklab, var(--river-color,#f59e0b) 18%, transparent), inset 0 -5px 10px #0f172a1f}}@media (max-width:760px){.jd-rivers-map-marker{opacity:.88;width:24px;height:24px;box-shadow:0 7px 15px #0f172a38, 0 0 0 2px color-mix(in oklab, var(--river-color,#38bdf8) 22%, transparent), inset 0 -3px 7px #0f172a1a;border-width:1.5px;transform:translate(-12px,-12px)}.jd-rivers-map-marker:before{font-size:15px;transform:translateY(-1px)}.jd-rivers-map-marker.rising:before,.jd-rivers-map-marker.attention:before{font-size:14px}.jd-rivers-map-marker.station{opacity:.96;width:28px;height:28px;transform:translate(-14px,-14px)}.jd-rivers-map-marker.station:before{font-size:14px}.jd-rivers-map-marker:not(.station){box-shadow:0 7px 15px #0f172a38, 0 0 0 2px color-mix(in oklab, var(--river-color,#38bdf8) 22%, transparent), inset 0 -3px 7px #0f172a1a}.jd-rivers-map-marker.rising{animation:none}}@media (max-width:430px){.jd-rivers-map{height:430px}.jd-rivers-map-marker{width:22px;height:22px;transform:translate(-11px,-11px)}.jd-rivers-map-marker:before{font-size:14px}.jd-rivers-legend{gap:6px}.jd-rivers-legend-item{padding:6px 8px;font-size:12px}}.jd-rivers-map-marker{opacity:.9;width:26px;height:26px;box-shadow:0 7px 16px #0f172a38, 0 0 0 2px color-mix(in oklab, var(--river-color,#38bdf8) 22%, transparent), inset 0 -3px 7px #0f172a1a;border-width:1.5px;transform:translate(-13px,-13px)}.jd-rivers-map-marker:before{font-size:16px;transform:translateY(-1px)}.jd-rivers-map-marker.rising:before,.jd-rivers-map-marker.attention:before{font-size:15px}.jd-rivers-map-marker.station{opacity:.96;width:30px;height:30px;transform:translate(-15px,-15px);box-shadow:0 8px 18px #0f172a3d,0 0 0 2px #0f172a1f,inset 0 -3px 7px #0f172a14}.jd-rivers-map-marker.station:before{font-size:15px}.jd-rivers-map-marker:not(.station){box-shadow:0 7px 16px #0f172a38, 0 0 0 2px color-mix(in oklab, var(--river-color,#38bdf8) 22%, transparent), inset 0 -3px 7px #0f172a1a;border-color:#fffffff5}.jd-rivers-map-marker.rising{animation:none}@media (max-width:760px){.jd-rivers-map-marker{opacity:.88;width:22px;height:22px;transform:translate(-11px,-11px)}.jd-rivers-map-marker:before{font-size:14px}.jd-rivers-map-marker.rising:before,.jd-rivers-map-marker.attention:before{font-size:13px}.jd-rivers-map-marker.station{width:26px;height:26px;transform:translate(-13px,-13px)}.jd-rivers-map-marker.station:before{font-size:13px}.jd-rivers-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:7px;width:100%;margin-right:-2px;padding:0 2px 6px 0;display:flex;overflow:auto hidden}.jd-rivers-filters::-webkit-scrollbar{display:none}.jd-rivers-filter{white-space:nowrap;border-radius:999px;flex:none;padding:7px 12px;font-size:14px;line-height:1.15}.jd-rivers-filter.is-active{padding-inline-start:13px;padding-inline-end:13px}.jd-rivers-toolbar{gap:9px}.jd-rivers-btn{padding:9px 12px;font-size:14px}}@media (max-width:430px){.jd-rivers-filter{padding:6px 10px;font-size:13px}.jd-rivers-filter.is-active{padding-inline-start:11px;padding-inline-end:11px}.jd-rivers-btn{padding:8px 10px;font-size:13px}}@media (max-width:760px){.jd-rivers-toolbar{overflow:visible}.jd-rivers-filters{flex-wrap:wrap;gap:7px;width:100%;margin:0;padding:0;display:flex;overflow:visible}.jd-rivers-filter{white-space:nowrap;border-radius:999px;flex:none;padding:7px 10px;font-size:13px;line-height:1.1}.jd-rivers-filter.is-active{padding-inline-start:11px;padding-inline-end:11px}}@media (max-width:430px){.jd-rivers-filters{gap:6px}.jd-rivers-filter{padding:6px 9px;font-size:12.5px}.jd-rivers-filter.is-active{padding-inline-start:10px;padding-inline-end:10px}.jd-rivers-btn{padding:8px 10px;font-size:13px}}.jd-rivers-layer-filters{flex-wrap:wrap;gap:8px;width:100%;margin:0 0 2px;display:flex}.jd-rivers-layer{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 92%, var(--brand,#14b8a6));color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 12px}.jd-rivers-layer.is-active{background:linear-gradient(180deg, var(--brand-accent,var(--brand,#14b8a6)), var(--brand,#14b8a6));color:#fff;border-color:#0000;box-shadow:0 2px 8px #00000024}.jd-rivers-map-marker.reservoir{--river-color:#0ea5e9}.jd-rivers-map-marker.reservoir:before{content:"◒";font-size:15px}.jd-rivers-badge.reservoir{background:#0ea5e9}.jd-rivers-card-reservoir{border-color:color-mix(in oklab, #0ea5e9 28%, var(--border));background:color-mix(in oklab, var(--card) 93%, #0ea5e9 7%)}.jd-rivers-reservoir-bar{background:color-mix(in oklab, #0ea5e9 14%, var(--card));border:1px solid color-mix(in oklab, #0ea5e9 22%, var(--border));border-radius:999px;width:100%;height:8px;margin:7px 0 3px;overflow:hidden}.jd-rivers-reservoir-bar span{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:999px;height:100%;display:block}@media (max-width:760px){.jd-rivers-layer-filters{gap:6px}.jd-rivers-layer{padding:6px 10px;font-size:13px}}