.scenario-app{color:#193c45;background:#f3f6f5;flex-direction:column;height:100dvh;font:13px/1.45 Arial,sans-serif;display:flex}.scenario-header{color:#e8f5f3;background:#092a34;border-bottom:2px solid #51ae9f;flex-shrink:0;align-items:center;gap:24px;height:62px;padding:0 20px;display:flex}.scenario-brand{letter-spacing:.3px;align-items:center;gap:10px;min-width:225px;font-size:22px;font-weight:700;display:flex}.scenario-brand>span{background:#21606c;border-radius:9px;place-items:center;padding:9px;display:grid}.scenario-brand small{letter-spacing:2px;font-size:8px;display:block}.scenario-live{color:#a7d2d1;font-weight:300}.scenario-header nav{gap:4px;height:100%;display:flex}.scenario-header nav button{color:#c3d5d6;border-bottom:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:76px;font-size:11px;display:flex}.scenario-header nav button[aria-pressed=true]{color:#fff;background:#16434d;border-color:#62c6b4}.scenario-header nav button:hover{background:#16434d}.scenario-header button:disabled{opacity:.4}.scenario-original{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.scenario-status{white-space:nowrap;letter-spacing:.6px;background:#214a54;border:1px solid #47717a;border-radius:18px;padding:5px 10px;font-size:9px;font-weight:700}.scenario-workspace{flex:1;grid-template-columns:260px minmax(360px,1fr) 350px;min-height:0;display:grid}.scenario-sidebar,.scenario-analysis{background:#fff;min-width:0;overflow:auto}.scenario-sidebar{border-right:1px solid #d4e0df}.scenario-analysis{border-left:1px solid #d4e0df}.scenario-panel-title{z-index:2;background:#f2f6f5;border-bottom:1px solid #d7e1df;justify-content:space-between;align-items:center;padding:15px;display:flex;position:sticky;top:0}.scenario-panel-title span{color:#6b8389;font-size:10px}.scenario-panel-title .scenario-ready{color:#43856e;background:#e9f5ee;border:1px solid #cde7da;border-radius:4px;padding:3px 7px}.scenario-sidebar section,.scenario-analysis>section{border-bottom:1px solid #e6ecea;padding:18px 15px}.scenario-app h2{letter-spacing:1.2px;color:#6c8185;margin:0 0 13px;font-size:10px;font-weight:700}.scenario-app h3{margin:8px 0 15px;font-size:16px;font-weight:700;line-height:1.4}.scenario-sidebar label{color:#38545c;margin:11px 0;font-size:11px;font-weight:600;display:block}.scenario-sidebar select,.scenario-sidebar input:not([type=radio]):not([type=checkbox]):not([type=range]){color:#244650;background:#fcfdfd;border:1px solid #d7e1e1;border-radius:5px;outline-color:#228e94;width:100%;margin-top:5px;padding:9px 8px;font-size:11px}.scenario-search>svg{margin-right:5px;display:inline}.scenario-sidebar select{max-width:100%}.scenario-muted{color:#77888b;margin:9px 0;font-size:11px;line-height:1.6}.scenario-layer-list label{border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;margin:3px -3px;padding:10px 7px;font-weight:400;display:flex}.scenario-layer-list label.active{background:#e7f5f2;border-color:#b5dbd5;font-weight:600}.scenario-layer-list label:has(input:disabled){opacity:.4}.scenario-layer-list input{accent-color:#198b92}.scenario-layer-list i{border-radius:2px;flex-shrink:0;width:35px;height:7px;display:block}.scenario-layer-list small{color:#7d9093;margin-top:2px;font-size:9px;font-weight:400;display:block}.scenario-sidebar .scenario-check{align-items:center;gap:8px;font-weight:400;display:flex}.scenario-check input{accent-color:#198b92}.scenario-sidebar input[type=range]{accent-color:#198b92;width:100%;margin-top:8px;display:block}.scenario-footnote{color:#6c8386;background:#f5f9f7;font-size:11px}.scenario-footnote strong{color:#2b6267}.scenario-footnote p{margin:10px 0}.scenario-map{background:#eaf0e5;min-height:480px;position:relative;overflow:hidden}.scenario-map>svg{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.scenario-grid-cell{cursor:crosshair}.scenario-grid-cell:hover{stroke:#fff;stroke-width:2px}.scenario-outlet{cursor:pointer}.scenario-map-caption{z-index:1;background:#fffffff0;border:1px solid #d4dfd5;border-radius:5px;max-width:calc(100% - 85px);padding:12px 16px;position:absolute;top:18px;left:18px;box-shadow:0 2px 9px #153c3420}.scenario-map-caption strong{font-size:13px;display:block}.scenario-map-caption small{color:#6a8586;margin-top:3px;font-size:10px;display:block}.scenario-map-buttons{z-index:1;flex-direction:column;gap:5px;display:flex;position:absolute;top:18px;right:14px}.scenario-map-buttons button{color:#496b70;background:#fff;border:1px solid #ccd8d5;border-radius:4px;padding:7px;box-shadow:0 1px 5px #0002}.scenario-map-buttons button:hover{background:#e7f5f2}.scenario-map-legend{pointer-events:none;background:#fffffff0;border:1px solid #d9e2d6;border-radius:5px;max-width:calc(100% - 36px);padding:12px 15px;position:absolute;bottom:18px;left:18px;box-shadow:0 2px 8px #243e2420}.scenario-map-legend strong,.scenario-map-legend small,.scenario-map-legend span{font-size:10px;display:block}.scenario-map-legend small{color:#74898a;margin-top:4px;font-size:9px}.scenario-map-legend i{width:160px;height:8px;margin:7px 0;display:block}.scenario-map-message{background:#fff9e9;border:1px solid #ead9ae;border-radius:4px;padding:12px;font-size:12px;position:absolute;top:110px;left:18px;right:65px}.scenario-site{color:#3c7b7f;background:#eef5f3;border-radius:3px;padding:3px 6px;font-size:10px;display:inline-block}.scenario-analysis dl{margin:12px 0}.scenario-analysis dl>div{justify-content:space-between;align-items:baseline;gap:12px;margin:9px 0;font-size:11px;display:flex}.scenario-analysis dt{color:#7b8e91}.scenario-analysis dd{text-align:right;font-weight:600}.scenario-point-title{font-size:12px;font-weight:600}.scenario-analysis .scenario-hydrographs{padding:18px 12px}.scenario-hydrographs>section{box-shadow:none;border:0;border-radius:0;padding:0}.scenario-hydrographs h2:not(:first-child){font-size:14px}.scenario-hydrographs .h-72{height:220px}.scenario-hydrographs button,.scenario-hydrographs select{font-size:10px}.scenario-hydrographs p{font-size:10px;line-height:1.6}.scenario-hydrographs .text-xl{font-size:14px}.scenario-hydrographs .tracking-widest{letter-spacing:.6px}.scenario-export{color:#1c7175;border:1px solid #bad6d3;border-radius:4px;margin-top:10px;padding:7px 10px;font-size:11px}.scenario-app summary{cursor:pointer}:is(.scenario-app button:focus-visible,.scenario-app a:focus-visible){outline-offset:3px;outline:2px solid #29a2a2}@media (min-width:1600px){.scenario-workspace{grid-template-columns:285px minmax(500px,1fr) 390px}}@media (max-width:1100px){.scenario-workspace{grid-template-columns:225px minmax(300px,1fr) 300px}.scenario-status{display:none}.scenario-header{gap:10px;padding:0 12px}.scenario-brand{min-width:200px}.scenario-header nav button{min-width:62px}}@media (max-width:850px){.scenario-app{height:auto;min-height:100dvh}.scenario-header{flex-wrap:wrap;gap:10px;height:auto;min-height:60px;padding:10px 14px}.scenario-header nav{order:3;justify-content:center;width:100%;height:45px}.scenario-original{font-size:10px}.scenario-workspace{grid-template-columns:210px minmax(250px,1fr);min-height:700px}.scenario-map{height:700px}.scenario-sidebar{max-height:700px}.scenario-analysis{border-top:1px solid #cbded8;grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid;overflow:visible}.scenario-analysis .scenario-panel-title{grid-column:1/-1;position:static}.scenario-hydrographs{grid-column:1/-1}.scenario-hydrographs .h-72{height:260px}}@media (max-width:520px){.scenario-workspace{flex-direction:column;display:flex}.scenario-sidebar{max-height:440px}.scenario-map{flex:none;height:520px}.scenario-analysis{display:block}.scenario-brand{min-width:170px;font-size:19px}.scenario-header nav button{min-width:70px}.scenario-sidebar section{padding:12px 15px}.scenario-layer-list{grid-template-columns:1fr 1fr;display:grid}.scenario-sidebar{order:0}.scenario-map{order:1}.scenario-analysis{order:2}}.scenario-query-select{color:#6c8386;font-size:10px;display:block}.scenario-query-select select{color:#244650;background:#fcfdfd;border:1px solid #d7e1e1;border-radius:4px;width:100%;margin:6px 0 10px;padding:8px 5px;font-size:10px;display:block}.scenario-attribution{color:#315f70;z-index:1;background:#ffffffed;padding:3px 6px;font-size:9px;position:absolute;bottom:0;right:0}.scenario-class-legend{flex-wrap:wrap;gap:3px 9px;max-width:240px;margin-top:6px;display:flex}.scenario-class-legend span{align-items:center;gap:3px;font-size:9px;display:flex}.scenario-class-legend i{width:8px;height:8px;margin:0;display:inline-block}