.dashboard-shell .side-bar-home{scroll-behavior:smooth}.dashboard-shell .collapse,.dashboard-shell .collapsing{visibility:visible!important}.dashboard-shell .collapse:not(.show){display:none}.dashboard-shell .watershed-list .collapsing{transition:height .35s;overflow:hidden;display:block}.dashboard-shell .watershed-list .accordion-arrow{transition:transform .3s}.dashboard-shell .watershed-list .custom-accordion-title.collapsed .accordion-arrow{transform:rotate(-90deg)}.dashboard-shell .tab-pane.fade{transition:opacity .25s}.dashboard-shell .card-station-arr.is-filtered-out,.dashboard-shell .watershed-list .watershed-group.is-empty-filter{display:none}.dashboard-shell article.card-station-ch,.dashboard-shell article.card-station-klimatologi,.dashboard-shell article.card-station-tma{background:0 0!important;border:none!important;padding:0!important;margin-bottom:.375rem!important;box-shadow:none!important;transform:none!important;overflow:visible!important;max-height:none!important}.dashboard-shell article.card-station-ch::before,.dashboard-shell article.card-station-klimatologi::before,.dashboard-shell article.card-station-tma::before{display:none!important}.dashboard-shell article.card-station-ch:hover,.dashboard-shell article.card-station-klimatologi:hover,.dashboard-shell article.card-station-tma:hover{transform:none!important}.dashboard-shell .tma-card-inner{padding:clamp(.5rem,.35rem + .45vw,.75rem);background-color:var(--tma-card-bg);border:1px solid var(--tma-card-border);opacity:var(--tma-card-dim,.78);color:var(--tma-card-text);transition:background-color .25s,box-shadow .25s,border-color .25s,opacity .25s,transform .2s}.dashboard-shell article.card-station-ch:hover .tma-card-inner,.dashboard-shell article.card-station-klimatologi:hover .tma-card-inner,.dashboard-shell article.card-station-tma:hover .tma-card-inner{background-color:var(--tma-card-hover-bg);border-color:var(--tma-card-hover-border);opacity:.96}.dashboard-shell article.card-station-ch.active .tma-card-inner,.dashboard-shell article.card-station-klimatologi.active .tma-card-inner,.dashboard-shell article.card-station-tma.active .tma-card-inner{background-color:var(--tma-card-active-bg);border:2px solid var(--tma-card-active-border);opacity:1;box-shadow:0 0 0 2px var(--tma-card-active-glow),0 0 20px var(--tma-card-active-glow)}.dashboard-shell article.card-station-ch.active .tma-card-inner::before,.dashboard-shell article.card-station-klimatologi.active .tma-card-inner::before,.dashboard-shell article.card-station-tma.active .tma-card-inner::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--tma-card-active-border);border-radius:6px 0 0 6px}.dashboard-shell .card-station-arr.active:not(.card-station-tma):not(.card-station-ch):not(.card-station-klimatologi){border-color:var(--tma-card-active-border);box-shadow:0 0 0 2px var(--tma-card-active-glow);background:var(--tma-card-active-bg)}.dashboard-shell .tma-card__header{border-bottom:1px solid var(--tma-header-border)}.dashboard-shell .tma-card__title{color:var(--tma-card-title);font-size:clamp(.8125rem,.72rem + .38vw,1.0625rem);line-height:1.25}.dashboard-shell .tma-card__muted{color:var(--tma-card-muted)}.dashboard-shell .tma-card__faint{color:var(--tma-card-faint)}.dashboard-shell .tma-card__chip,.dashboard-shell .tma-card__chip-box{background:var(--tma-chip-bg);border:1px solid var(--tma-chip-border);color:var(--tma-card-text)}.dashboard-shell .tma-card__pos-type{display:inline-flex;align-items:center;font-size:clamp(.5625rem,.5rem + .18vw,.6875rem);font-weight:600;letter-spacing:.02em;padding:1px 6px;border-radius:4px;border:1px solid transparent;line-height:1.3}.dashboard-shell .tma-card__pos-type--tma{color:#60a5fa;background:rgba(37,99,235,.15);border-color:rgba(96,165,250,.35)}.dashboard-shell .tma-card__pos-type--ch{color:#34d399;background:rgba(16,185,129,.15);border-color:rgba(52,211,153,.35)}.dashboard-shell .tma-card__pos-type--klimatologi{color:#f87171;background:rgba(239,68,68,.15);border-color:rgba(248,113,113,.35)}html[data-dashboard-theme=light] .dashboard-shell .tma-card__pos-type--tma{color:#1d4ed8;background:rgba(37,99,235,.1)}html[data-dashboard-theme=light] .dashboard-shell .tma-card__pos-type--ch{color:#047857;background:rgba(16,185,129,.1)}html[data-dashboard-theme=light] .dashboard-shell .tma-card__pos-type--klimatologi{color:#b91c1c;background:rgba(239,68,68,.1)}.dashboard-shell .tma-card__metric-primary{color:var(--tma-metric-primary)}.dashboard-shell .tma-card__metric-primary-unit{color:var(--tma-metric-primary-unit)}.dashboard-shell .tma-card__metric-neutral{color:var(--tma-metric-value)}.dashboard-shell .tma-card__siaga-track{background:var(--tma-siaga-track)}.dashboard-shell .tma-card__glow{background:var(--tma-glow);width:clamp(4rem,3rem + 3vw,9rem);height:clamp(4rem,3rem + 3vw,9rem)}.dashboard-shell .tma-card__label{color:var(--tma-card-muted)}.dashboard-shell .tma-card__status-row{font-size:clamp(.5625rem,.5rem + .22vw,.6875rem)}.dashboard-shell .tma-card__chip{font-size:clamp(.5rem,.46rem + .18vw,.625rem)}.dashboard-shell .tma-card__badge{font-size:clamp(.5rem,.46rem + .16vw,.6875rem);padding:clamp(.125rem,.1rem + .1vw,.25rem) clamp(.375rem,.3rem + .25vw,.625rem)}.dashboard-shell .tma-card__metric-value{font-size:clamp(.875rem,.78rem + .55vw,1.25rem);line-height:1}.dashboard-shell .tma-card__metric-value--sm{font-size:clamp(.6875rem,.6rem + .35vw,.9375rem);line-height:1.15;word-break:break-word}.dashboard-shell .tma-card__metric-unit{font-size:clamp(.5625rem,.5rem + .2vw,.6875rem)}.dashboard-shell .tma-card__label{font-size:clamp(.5625rem,.5rem + .18vw,.6875rem)}.dashboard-shell .tma-card__sub{color:var(--tma-card-faint);font-size:clamp(.5rem,.46rem + .14vw,.625rem)}.dashboard-shell .tma-card__siaga-label{font-size:clamp(.5rem,.46rem + .12vw,.625rem)}.dashboard-shell .tma-card__siaga-caption{font-size:clamp(.4375rem,.4rem + .1vw,.5625rem)}.dashboard-shell .tma-card__siaga-bar{height:clamp(.375rem,.32rem + .15vw,.5rem)}.dashboard-shell .tma-card__siaga-seg{transition:width .4s}@media (max-width:767px){.dashboard-shell .tma-card__title{font-size:clamp(.875rem,2.8vw + .5rem,1.0625rem)}.dashboard-shell .tma-card__metric-value{font-size:clamp(.875rem,3vw + .35rem,1.1875rem)}}@media (min-width:768px) and (max-width:1199px){.dashboard-shell .tma-card__metric-value{font-size:clamp(.8125rem,.5rem + .35vw,1rem)}}@media (min-width:1400px){.dashboard-shell .tma-card__metric-value{font-size:clamp(1rem,.6rem + .4vw,1.25rem)}.dashboard-shell .tma-card__title{font-size:clamp(.9375rem,.6rem + .35vw,1.0625rem)}}.ews-tma-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tma-marker-bg);border:2px solid var(--tma-marker-ring,#2563eb);color:var(--tma-marker-icon,#22d3ee);box-shadow:0 2px 6px rgba(0,0,0,.32);position:relative;transition:transform .2s,box-shadow .2s}.ews-tma-marker__waves{width:15px;height:15px;display:block}.ews-tma-marker--normal{--tma-marker-ring:#2563eb;--tma-marker-icon:#22d3ee}.ews-tma-marker--siaga3{--tma-marker-ring:#10b981;--tma-marker-icon:#10b981}.ews-tma-marker--siaga2{--tma-marker-ring:#eab308;--tma-marker-icon:#ca8a04}.ews-tma-marker--siaga1{--tma-marker-ring:#ef4444;--tma-marker-icon:#ef4444}.ews-tma-marker--none{--tma-marker-ring:#64748b;--tma-marker-icon:#94a3b8}html[data-dashboard-theme=light] .ews-tma-marker--normal{--tma-marker-icon:#0891b2}.ews-tma-marker--alert::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--tma-marker-ring);animation:1.25s ease-out infinite tma-marker-pulse;pointer-events:none}.ews-tma-marker--legend{width:20px;height:20px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.25)}.ews-tma-marker--legend .ews-tma-marker__waves{width:11px;height:11px}@keyframes tma-marker-pulse{0%{transform:scale(.85);opacity:.85}100%{transform:scale(1.45);opacity:0}}.ews-ch-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tma-marker-bg,#0b1020);border:2px solid var(--ch-marker-ring,#64748b);color:var(--ch-marker-icon,#94a3b8);box-shadow:0 2px 6px rgba(0,0,0,.32);position:relative;transition:transform .2s,box-shadow .2s}.ews-ch-marker__icon{font-size:16px!important;line-height:1!important;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 20}.ews-ch-marker__cloud{width:16px;height:16px;display:block}.ews-ch-marker--none{--ch-marker-ring:#64748b;--ch-marker-icon:#94a3b8}.ews-ch-marker--ringan{--ch-marker-ring:#0ea5e9;--ch-marker-icon:#38bdf8}.ews-ch-marker--sedang{--ch-marker-ring:#ca8a04;--ch-marker-icon:#eab308}.ews-ch-marker--lebat{--ch-marker-ring:#ea580c;--ch-marker-icon:#f97316}.ews-ch-marker--ekstrem{--ch-marker-ring:#dc2626;--ch-marker-icon:#ef4444}.ews-ch-marker--alert::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--ch-marker-ring);animation:1.25s ease-out infinite tma-marker-pulse;pointer-events:none}.ews-ch-marker--legend{width:20px;height:20px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.25)}.ews-ch-marker--legend .ews-ch-marker__icon{font-size:12px!important}.ews-ch-marker--legend .ews-ch-marker__cloud{width:12px;height:12px}.ews-marker-wrap:hover .ews-ch-marker,.ews-marker-wrap:hover .ews-tma-marker{transform:scale(1.12)}.ch-status-text--none,.dashboard-shell .ch-status-text--none{color:#94a3b8!important}.ch-status-text--ringan,.dashboard-shell .ch-status-text--ringan{color:#38bdf8!important}.ch-status-text--sedang,.dashboard-shell .ch-status-text--sedang{color:#eab308!important}.ch-status-text--lebat,.dashboard-shell .ch-status-text--lebat{color:#f97316!important}.ch-status-text--ekstrem,.dashboard-shell .ch-status-text--ekstrem{color:#ef4444!important}html[data-dashboard-theme=light] .ch-status-text--none,html[data-dashboard-theme=light] .dashboard-shell .ch-status-text--none{color:#64748b!important}html[data-dashboard-theme=light] .ch-status-text--ringan,html[data-dashboard-theme=light] .dashboard-shell .ch-status-text--ringan{color:#0284c7!important}html[data-dashboard-theme=light] .ch-status-text--sedang,html[data-dashboard-theme=light] .dashboard-shell .ch-status-text--sedang{color:#a16207!important}html[data-dashboard-theme=light] .ch-status-text--lebat,html[data-dashboard-theme=light] .dashboard-shell .ch-status-text--lebat{color:#c2410c!important}html[data-dashboard-theme=light] .ch-status-text--ekstrem,html[data-dashboard-theme=light] .dashboard-shell .ch-status-text--ekstrem{color:#b91c1c!important}.klim-sensor-table{display:flex;flex-direction:column;gap:2px;margin-top:2px}.klim-sensor-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;background:var(--tma-popup-metrics-bg,rgba(255,255,255,.04))}.klim-sensor-row__left{display:flex;align-items:center;gap:6px;min-width:0}.klim-sensor-row__icon{font-size:15px!important;line-height:1!important;flex-shrink:0;color:#38bdf8}.klim-sensor-row__icon--temp{color:#fb7185!important}.klim-sensor-row__icon--humid{color:#38bdf8!important}.klim-sensor-row__icon--rain{color:#22d3ee!important}.klim-sensor-row__icon--wind-dir{color:#a78bfa!important}.klim-sensor-row__icon--wind-spd{color:#34d399!important}.klim-sensor-row__icon--none{color:#94a3b8!important}.klim-sensor-row__label{font-size:clamp(.625rem,.55rem + .2vw,.75rem);color:var(--tma-card-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.klim-sensor-row__value{font-size:clamp(.6875rem,.6rem + .25vw,.8125rem);font-weight:700;color:var(--tma-card-title);text-align:right;white-space:nowrap}.ews-klim-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tma-marker-bg,#0b1020);border:2px solid var(--klim-marker-ring,#14b8a6);color:var(--klim-marker-icon,#2dd4bf);box-shadow:0 2px 6px rgba(0,0,0,.32);position:relative;transition:transform .2s,box-shadow .2s}.ews-klim-marker__icon{font-size:15px!important;line-height:1!important;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 20}.ews-klim-marker--none{--klim-marker-ring:#64748b;--klim-marker-icon:#94a3b8}.ews-klim-marker--cold{--klim-marker-ring:#0ea5e9;--klim-marker-icon:#38bdf8}.ews-klim-marker--normal{--klim-marker-ring:#0d9488;--klim-marker-icon:#2dd4bf}.ews-klim-marker--warm{--klim-marker-ring:#ea580c;--klim-marker-icon:#f97316}.ews-klim-marker--hot,.ews-klim-marker--red{--klim-marker-ring:#dc2626;--klim-marker-icon:#ef4444}.ews-klim-marker--legend{width:20px;height:20px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.25)}.ews-klim-marker--legend .ews-klim-marker__icon{font-size:11px!important}.ews-marker-wrap:hover .ews-klim-marker{transform:scale(1.12)}.tma-popup__badge--cold{background:#38bdf8;color:#0c4a6e}.tma-popup__badge--warm{background:#f97316;color:#fff}.tma-popup__badge--hot{background:#ef4444;color:#fff}.klim-popup .tma-popup__badge--normal{background:#14b8a6;color:#fff}.ch-popup .klim-sensor-table,.klim-popup .klim-sensor-table{margin-top:10px}.klim-popup .klim-sensor-row{padding:6px 8px}.ews-popup-tma .leaflet-popup-content-wrapper{position:relative;background:var(--tma-popup-bg)!important;border:1px solid!important;border-radius:12px!important;color:var(--tma-card-text)!important;box-shadow:0 12px 32px rgba(0,0,0,.28)!important;padding:0!important}.ews-popup-tma .leaflet-popup-content{margin:0!important;width:300px!important}.ews-popup-tma .leaflet-popup-tip{background:var(--tma-popup-bg)!important}.ews-popup-tma .leaflet-popup-close-button{top:2px!important;right:2px!important;z-index:100!important;width:26px!important;height:26px!important;padding:0!important;color:#94a3b8!important;font-size:22px!important;line-height:26px!important;text-align:center!important;border-radius:6px}.ews-popup-tma .leaflet-popup-close-button:hover{color:#fff!important;background:rgba(255,255,255,.08)}.tma-popup{padding:12px 12px 10px}.tma-popup__top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:8px;padding-right:28px}.tma-popup__live{display:flex;align-items:center;gap:6px}.tma-popup__dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.2)}.tma-popup__dot--off{background:#64748b;box-shadow:none}.tma-popup__online{color:#10b981;font-weight:600}.tma-popup__valid{color:var(--tma-card-muted)}.tma-popup__time{color:var(--tma-card-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.tma-popup__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tma-popup__name{font-size:1.05rem;font-weight:800;color:var(--tma-card-title);line-height:1.2;margin:0}.tma-popup__code{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;border:1px solid var(--tma-chip-border);background:var(--tma-chip-bg);font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tma-card-text);vertical-align:middle}.tma-popup__badge{flex-shrink:0;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0051ff}.tma-popup__badge--siaga3{background:#00c853;color:#052e16}.tma-popup__badge--siaga2{background:#f6eb05;color:#3f2d00}.tma-popup__badge--siaga1{background:#ff2626;color:#fff}.tma-popup__badge--none{background:#64748b}.tma-popup__badge--ringan{background:#38bdf8;color:#0c4a6e}.tma-popup__badge--sedang{background:#f6eb05;color:#3f2d00}.tma-popup__badge--lebat{background:#f97316;color:#fff}.tma-popup__badge--ekstrem{background:#ff2626;color:#fff}.tma-popup__org{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--tma-card-muted)}.tma-popup__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tma-popup__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;border:1px solid var(--tma-chip-border);background:var(--tma-chip-bg);font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tma-card-text)}.tma-popup__chip .material-symbols-outlined{font-size:13px;line-height:1}.tma-popup__metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px;padding:10px 6px;border-radius:10px;background:var(--tma-popup-metrics-bg);text-align:center}.tma-popup__metrics.tma-popup__metrics--2{grid-template-columns:1fr 1fr;gap:12px}.tma-popup__metrics--2>div{min-width:0}.tma-popup__metrics--2 .tma-popup__metric-val{font-size:.95rem}.tma-popup__metric-val{font-size:1.05rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tma-metric-value);line-height:1.1}.tma-popup__metric-val--tma{color:var(--tma-metric-primary)}.tma-popup__metric-unit{font-size:.7rem;font-weight:600;color:var(--tma-card-muted)}.tma-popup__metric-label{display:block;margin-top:3px;font-size:10px;color:var(--tma-card-muted)}.tma-popup__metric-sub{display:block;font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tma-card-faint)}.tma-popup__bar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--tma-siaga-track);margin-top:10px}.tma-popup__bar-seg{height:100%}.tma-popup__bar-seg--n{background:#2563eb}.tma-popup__bar-seg--3{background:#00e653}.tma-popup__bar-seg--2{background:#f6eb05}.tma-popup__bar-seg--1{background:#ff2626}.tma-popup__levels{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tma-popup__lvl{text-align:center}.tma-popup__lvl:first-child{text-align:left}.tma-popup__lvl:last-child{text-align:right}.tma-popup__lvl-cap{display:block;font-family:inherit;color:var(--tma-card-faint)}.tma-popup__lvl--n{color:var(--tma-metric-primary)}.tma-popup__lvl--3{color:#10b981}.tma-popup__lvl--2{color:#ca8a04}.tma-popup__lvl--1{color:#e11d48}.tma-popup__lvl--3 .tma-popup__lvl-cap{color:#059669}.tma-popup__lvl--2 .tma-popup__lvl-cap{color:#a16207}.tma-popup__lvl--1 .tma-popup__lvl-cap{color:#be123c}.tma-popup__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--tma-header-border)}.tma-popup__coord{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tma-card-muted)}.tma-popup__actions{display:flex;gap:6px}.tma-popup__btn{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none!important;line-height:1.2}.tma-popup__btn .material-symbols-outlined{font-size:14px}.tma-popup__btn--ghost{border:1px solid var(--ews-primary-light);color:var(--ews-primary-light);background:0 0}.tma-popup__btn--solid{border:1px solid #2563eb;background:#2563eb;color:#fff}.tma-popup__icon{font-size:14px;line-height:1}@media (prefers-reduced-motion:reduce){.dashboard-shell .side-bar-home{scroll-behavior:auto}.dashboard-shell .tab-pane.fade,.dashboard-shell .tma-card-inner,.dashboard-shell .watershed-list .collapsing{transition:none!important}.ews-ch-marker--alert::before,.ews-tma-marker--alert::before{animation:none;opacity:.55}}