.nrs-overview{background:#061823;color:#e0f1f7;padding:20px;border:1px solid #31566a;border-radius:14px;font:inherit;max-width:1200px;margin:auto;text-align:left;overflow-wrap:anywhere}
.nrs-overview,.nrs-overview-dialog{font-family:Prompt,"Noto Sans Thai",Tahoma,sans-serif}.nrs-overview h2{font-size:24px;margin:0 0 14px}.nrs-overview h3{font-size:18px;margin:14px 0}.nrs-overview h4{margin:12px 0 4px}.nrs-overview-caption{color:#a6bdcb;font-size:13px;line-height:1.7}.nrs-overview a,.nrs-overview-dialog a{color:#7dd3fc}
.nrs-overview-filters{display:flex;flex-wrap:wrap;gap:8px}.nrs-overview select,.nrs-overview button,.nrs-overview-dialog>button{font:inherit;color:#e0f1f7;background:#102a36;border:1px solid #31566a;border-radius:6px;padding:10px;cursor:pointer}.nrs-overview select{max-width:100%;min-height:44px}.nrs-overview button:focus-visible,.nrs-overview select:focus-visible,.nrs-overview-dialog>button:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.nrs-overview-counts{display:flex;flex-wrap:wrap;gap:16px;border-block:1px solid #31566a;padding:14px 0}.nrs-overview-counts>div{flex:1 1 125px;border-left:3px solid #38bdf8;padding-left:10px}.nrs-overview-counts b{font-size:28px;display:block;font-variant-numeric:tabular-nums}.nrs-overview-counts span{font-size:13px}.nrs-overview [data-tone=critical]{border-color:#ef4444}.nrs-overview [data-tone=watch]{border-color:#fbbf24}
.nrs-overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.nrs-overview-columns>section{min-width:0}.nrs-overview .nrs-overview-row{position:relative;display:flex;align-items:start;flex-wrap:wrap;gap:8px;width:100%;text-align:left;padding:12px;margin:7px 0;border-left:4px solid #38bdf8;overflow:hidden;min-height:76px}
.nrs-overview-place{flex:1 1 130px}.nrs-overview-value{flex:0 1 150px;text-align:right}.nrs-overview-row small{display:block;font-size:12px;color:#a6bdcb;line-height:1.6}.nrs-overview-value b{font-size:25px;font-variant-numeric:tabular-nums}.nrs-overview [data-tone=critical] .nrs-overview-value b{color:#ff8b8b}.nrs-overview [data-tone=watch] .nrs-overview-value b,.nrs-overview [data-tone=old] .nrs-overview-value b{color:#fbbf24}.nrs-overview [data-tone=old]{border-left-style:dashed;border-left-color:#a6bdcb}.nrs-overview-note{flex-basis:100%}.nrs-overview-bar{position:absolute;bottom:0;left:0;height:3px;background:#38bdf8;opacity:.6}.nrs-overview [data-tone=critical] .nrs-overview-bar{background:#ef4444}.nrs-overview [data-tone=watch] .nrs-overview-bar{background:#fbbf24}.nrs-overview [data-tone=old] .nrs-overview-bar{background:#a6bdcb}
.nrs-overview details{margin-top:16px;border-top:1px solid #31566a;padding:14px 0}.nrs-overview summary{cursor:pointer;padding:6px;color:#fbbf24}.nrs-overview-dialog{background:#061823;color:#e0f1f7;border:1px solid #31566a;border-radius:14px;padding:16px;width:min(1100px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;font:inherit}.nrs-overview-dialog::backdrop{background:rgba(0,0,0,.72)}.nrs-overview-dialog>button{margin-bottom:12px}.nrs-overview-dialog p{line-height:1.7}
.nrs-overview-dialog{position:fixed;inset:0;margin:auto;height:fit-content;font-family:Prompt,"Noto Sans Thai",Tahoma,sans-serif}
.nrs-overview .nrs-overview-row[data-tone=critical]{border-left-color:#ef4444}.nrs-overview .nrs-overview-row[data-tone=watch]{border-left-color:#fbbf24}
.nrs-overview-graphic .nrs-sensor-body{padding:12px 0}.nrs-overview-graphic .nrs-sensor-body>h3{display:none}.nrs-overview-graphic .nrs-sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.nrs-overview-graphic .nrs-sensor-card{background:#102a36;border-top:3px solid #38bdf8;border-radius:4px 4px 12px 12px;padding:18px;min-width:0}.nrs-overview-graphic svg{width:100%;max-height:260px;display:block}.nrs-overview-graphic .nrs-sensor-rain>svg{max-height:100px}.nrs-overview-graphic h4{font-size:18px;margin:0 0 10px}.nrs-overview-graphic .nrs-sensor-metric strong{display:block;font-size:32px;font-variant-numeric:tabular-nums}.nrs-overview-graphic .nrs-sensor-metric small{font-size:16px}.nrs-overview-graphic .nrs-sensor-metric span,.nrs-sensor-caption{color:#a6bdcb}.nrs-overview-graphic dl{display:grid;grid-template-columns:1fr 2fr;gap:8px}.nrs-overview-graphic dd{margin:0;overflow-wrap:anywhere}.nrs-overview-graphic .nrs-sensor-caution{color:#fbbf24}.nrs-rain-band{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0}.nrs-rain-band svg,.nrs-rain-band small{grid-column:1/-1}.nrs-rain-band svg{height:18px!important;margin:0!important}.nrs-rain-band small{color:#a6bdcb;font-size:12px}.nrs-overview-graphic .nrs-sensor-threshold-list>div{border-left:3px solid var(--threshold-color);padding:6px 10px;margin:6px 0;background:#061823}
@media(max-width:650px){.nrs-overview{padding:14px}.nrs-overview h2{font-size:21px}.nrs-overview-columns{grid-template-columns:1fr;gap:8px}.nrs-overview-filters select{flex:1 1 130px;min-width:0}.nrs-overview-value{flex-basis:95px}.nrs-overview-dialog{padding:8px}.nrs-overview-counts{gap:12px}.nrs-overview-counts>div{flex-basis:110px}}
.nrs-hub-sensor-preview{height:100%;overflow:auto;background:#061823;padding:36px 14px 40px;box-sizing:border-box}.nrs-hub-media-note{position:absolute;bottom:0;left:0;right:0;background:#061823e8;color:#fbbf24;padding:6px 10px;font-size:11px;pointer-events:none}.nrs-preview-graphic svg{display:block;width:100%;max-height:130px}.nrs-preview-graphic .nrs-sensor-threshold-list{display:none}.nrs-preview-value{display:flex;justify-content:space-between;gap:8px;color:#a6bdcb}.nrs-preview-value b{color:#7dd3fc;font-size:20px;font-variant-numeric:tabular-nums}.nrs-preview-graphic small{color:#a6bdcb;font-size:11px}