:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#163348;background:#eef2f4;font-size:16px;--navy:#112f42;--teal:#007e82;--line:#dfe6e9;--muted:#607787}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1dadbe;outline-offset:2px}[hidden]{display:none!important}.top{height:72px;background:var(--navy);display:flex;align-items:center;gap:28px;padding:0 24px;color:white;position:relative;z-index:1100}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-size:21px;font-weight:650;white-space:nowrap;letter-spacing:-.6px}.brand em{font-size:12px;font-style:normal;color:#62ddd3;letter-spacing:1.5px;display:block;margin-top:2px}.search{margin-left:auto;display:flex;align-items:center;gap:12px;width:min(500px,45vw);background:#254457;border:1px solid #416071;border-radius:7px;padding:0 12px;position:relative}.search input{background:none;border:0;color:white;width:100%;min-width:0;padding:11px 0;outline:none;font-size:14px}.search input::placeholder{color:#c0cfd7}.search button{border:0;background:none;color:#78e1d9;font-size:14px}.header-btn{background:none;border:1px solid #527181;border-radius:6px;color:#e6eef1;padding:10px 14px;font-size:14px}.search-results{position:absolute;top:48px;left:0;right:0;background:white;color:var(--navy);box-shadow:0 8px 20px #18364540;border-radius:6px;overflow:hidden}.search-results button{display:block;width:100%;text-align:left;color:var(--navy);padding:12px;font-size:14px;border-bottom:1px solid var(--line)}.search-results button:hover{background:#e7f4f3}.workspace{display:flex;height:calc(100dvh - 72px);min-height:600px}.sidebar{width:340px;flex-shrink:0;padding:24px;overflow:auto;background:white;border-right:1px solid #b9c8d2;z-index:500}.section-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:750;color:#527080}.step{font-size:12px;border:1px solid #b9cbcf;border-radius:50%;height:24px;width:24px;text-align:center;line-height:23px;color:#4f7c83}h1{font-size:26px;line-height:1.23;font-weight:650;letter-spacing:-.6px;margin:16px 0 10px}.subtext{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 20px}.draw-actions{display:flex;gap:8px;align-items:center}.secondary{border:1px solid #c9d7dd;background:white;color:#25495a;border-radius:6px;padding:10px 13px;font-size:14px;font-weight:600}.secondary:hover{background:#e9f5f4;border-color:#83b9bc}.secondary.active{background:#d9f3ee;border-color:var(--teal)}.draw-actions>.secondary{flex:1}.draw-actions span{font-size:20px;margin-right:7px}.icon-btn{border:1px solid #cbd8df;background:white;border-radius:6px;width:38px;height:38px;color:#4c6574;font-size:25px}.help{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 12px}.selection{background:#f0f5f7;border:1px solid #e0e9ec;border-radius:6px;padding:12px 14px;margin-top:13px;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:13px}.selection strong{font-size:14px;font-weight:650}.selection .help{grid-column:1/-1;margin:0}.text-btn{border:0;background:none;color:#087c82;font-size:13px;font-weight:650;padding:9px 0}.text-btn:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--line);margin:19px 0 21px}.segmented{display:flex;background:#edf2f4;border-radius:6px;padding:3px;margin:16px 0;gap:2px}.segmented button{flex:1;border:0;border-radius:4px;background:none;padding:8px 10px;font-size:13px;color:#556f7e;white-space:nowrap}.segmented button.active{background:white;box-shadow:0 1px 4px #102f4220;color:#0a7780;font-weight:650}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:600;margin:13px 0 7px;color:#3b5767}input:not([type=checkbox],[type=range]),select{border:1px solid #cbd8df;border-radius:5px;padding:10px;width:100%;min-width:0;background:#fff;color:#1b3b4c;font-size:14px}input[type=file]{font-size:12px;padding:8px!important}.unit-input{display:flex;align-items:center;border:1px solid #cbd8df;border-radius:5px;overflow:hidden}.unit-input input{border:0!important;padding-right:0!important;font-size:20px!important;font-weight:600}.unit-input span{font-size:12px;color:#69818f;padding-right:9px}.rain-caption{display:flex;gap:9px;align-items:center;margin-top:15px;font-size:12px;color:#557481}.rain-line{width:24px;height:13px;background:repeating-linear-gradient(115deg,transparent 0 5px,#41aaac 6px 7px);display:inline-block}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:22px}summary{cursor:pointer;font-size:14px;font-weight:650;color:#335567}.check{display:flex;gap:9px;align-items:flex-start;line-height:1.5;font-size:12px;font-weight:400}.check input{margin-top:3px;accent-color:var(--teal)}.full{width:100%;margin-top:12px}.run-wrap{padding-top:20px}.primary{background:var(--teal);border:0;color:white;width:100%;padding:14px 12px;border-radius:6px;font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:10px}.primary:hover:not(:disabled){background:#086872}.scope-note{font-size:12px;line-height:1.6;color:#687f89;margin-top:13px}progress{width:100%;height:7px;accent-color:var(--teal);margin-top:13px}#status{font-size:12px;line-height:1.5;margin:6px 0;color:#227b83}.map-workspace{position:relative;flex:1;min-width:0;overflow:hidden}#map{height:100%;background:#dae4e9}.map-controls{position:absolute;top:20px;left:22px;z-index:800;display:flex;gap:10px;align-items:center}.light{margin:0;background:white;box-shadow:0 2px 7px #12384630;padding:4px}.light button{padding:9px 15px}.light button.active{background:#e4f4f2;box-shadow:none}.map-button{background:white;border:0;border-radius:6px;box-shadow:0 2px 7px #12384630;padding:13px;font-size:13px;color:#355363}.map-hint{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#fffffff5;z-index:700;border:1px solid #d5e4e9;border-radius:8px;box-shadow:0 8px 35px #18394720;width:355px;display:flex;gap:16px;padding:21px;pointer-events:none}.hint-icon{color:#209998;font-size:36px}.map-hint strong{font-size:15px}.map-hint p{font-size:13px;color:var(--muted);line-height:1.6;margin:7px 0 0}.leaflet-control-zoom{margin-top:85px!important;margin-right:20px!important;border:1px solid #c5d5dd!important}.leaflet-control-zoom a{color:#2c5064!important;border-radius:3px}.leaflet-control-attribution{font-size:10px!important;max-width:100%;opacity:.9}.map-footer{position:absolute;bottom:25px;left:16px;right:16px;z-index:700;display:flex;justify-content:space-between;gap:10px;pointer-events:none;font-size:11px}.map-footer span{background:#ffffffde;padding:5px 8px;border-radius:3px}.layer-control{position:absolute;right:20px;top:175px;width:224px;background:white;padding:12px 16px;border-radius:7px;z-index:800;box-shadow:0 4px 18px #16384a25}.layer-control label{font-size:12px;margin:5px 0}.layer-control select{font-size:12px;padding:8px}.layer-control .check{margin-top:10px}.layer-control input[type=range]{width:100%;accent-color:var(--teal)}.legend{position:absolute;left:22px;bottom:240px;z-index:700;background:#fffffff5;border-radius:6px;padding:12px 16px;box-shadow:0 3px 15px #16384a20;max-width:225px}.legend strong{font-size:12px}.legend .help{margin:7px 0 0;font-size:10px}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:6px}.legend-row i{width:20px;height:10px;border-radius:2px}.results{position:absolute;bottom:48px;left:22px;right:22px;background:#fff;border:1px solid #d6e2e6;z-index:850;border-radius:8px;box-shadow:0 6px 30px #132f4535;padding:17px 22px}.result-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-context{display:block;font-size:12px;color:var(--muted);margin-top:5px}.result-actions{display:flex;gap:17px;align-items:center}.result-actions .secondary{padding:8px 12px;font-size:12px}.metrics{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:20px;margin:17px 0 13px}.metrics>div{border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font-size:11px;color:#60798a;display:block}.metrics strong{font-size:24px;font-weight:600;letter-spacing:-.6px;display:block;margin-top:6px}.timeline{border-top:1px solid var(--line);padding-top:11px;display:flex;align-items:center;gap:14px}.play-btn{background:#0b8c8d;color:white;border:0;border-radius:5px;padding:7px 10px}.timeline input{flex:1;accent-color:var(--teal);min-width:40px}.timeline>span{font-size:12px;white-space:nowrap}.timeline .text-btn{font-size:12px;white-space:nowrap}.result-note{font-size:11px;color:#637b89;margin:7px 0 0}.toast{position:fixed;top:86px;left:50%;transform:translateX(-50%);background:#fff;color:#753d26;border:1px solid #d7b296;border-left:4px solid #ad642d;border-radius:6px;padding:14px 20px;max-width:580px;z-index:2500;box-shadow:0 6px 24px #10324b30;font-size:14px;line-height:1.5}dialog{border:0;border-radius:10px;color:#1c3b4c;width:min(780px,92vw);max-height:85dvh;overflow:auto;padding:24px 28px;box-shadow:0 18px 70px #08253455}dialog::backdrop{background:#102b4475}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:19px}.dialog-header h2{font-size:21px;margin:0}dialog h3{font-size:16px;margin:23px 0 9px}dialog p,dialog li{font-size:14px;line-height:1.65}dialog a{color:#007f86}dialog dl{display:grid;grid-template-columns:1fr 1.4fr;font-size:13px;gap:10px}dialog dt{color:#64808c}dialog dd{margin:0;overflow-wrap:anywhere}dialog table{font-size:13px;width:100%;border-collapse:collapse}dialog td,dialog th{text-align:left;border-bottom:1px solid var(--line);padding:9px 6px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#profileChart{width:100%;background:#f5f8fa}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.leaflet-popup-content{font-size:13px;line-height:1.7}.leaflet-popup-content b{display:block;font-size:14px;margin-bottom:4px}button:hover{transition:background .15s}@media(min-width:1500px){.sidebar{width:370px;padding:28px}.map-controls{left:28px}.results{left:28px;right:28px}}@media(max-width:1050px){.sidebar{width:300px;padding:19px}.top{gap:16px;padding:0 16px}.brand{font-size:18px}.header-btn{font-size:12px}.results{padding:14px;left:14px;right:14px}.metrics{gap:12px}.metrics strong{font-size:21px}.layer-control{width:195px;right:15px}.legend{bottom:238px;left:15px}.metrics span{font-size:10px}}@media(max-width:760px){.top{height:auto;min-height:105px;flex-wrap:wrap;padding:13px 15px;gap:10px}.brand{font-size:19px}.header-btn{margin-left:auto;padding:8px}.search{order:3;width:100%;margin:0}.workspace{height:auto;min-height:0;flex-direction:column}.sidebar{width:100%;height:auto;padding:20px;overflow:visible}.sidebar h1{font-size:24px;display:none}.sidebar .subtext{margin:12px 0}.sidebar .selection{margin-top:7px}.map-workspace{height:650px;flex:none;overflow:hidden}.map-controls{top:14px;left:12px;right:12px;gap:8px}.light button{padding:8px 11px}.map-button{padding:11px;font-size:12px}.layer-control{top:78px;right:12px;width:175px;padding:10px 12px}.leaflet-control-zoom{margin-top:75px!important;margin-right:195px!important}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metrics>div:nth-child(2){border:0}.metrics strong{font-size:23px}.result-top{align-items:flex-start}.result-actions{flex-direction:column;gap:2px}.results{bottom:43px;left:10px;right:10px}.legend{bottom:310px;left:12px;max-width:165px;padding:10px}.timeline{gap:9px}.map-hint{width:300px}.map-footer{font-size:10px;left:10px;right:10px}.map-footer #gridInfo{display:none}.export-grid{grid-template-columns:1fr}dialog{padding:20px}dialog dl{grid-template-columns:1fr}dialog dd{margin-bottom:8px}.toast{max-width:92vw;width:92vw;top:120px}}
/* Guided entry: essential inputs and the run action precede specialist options. */
.quick-test{width:100%;border:1px solid #78babc;background:#e5f5f3;color:#086d74;text-align:left;border-radius:6px;padding:12px 14px;margin:0 0 14px;font-size:14px;font-weight:650}.quick-test span{display:block;font-size:12px;font-weight:400;color:#497b81;margin-top:5px}.quick-test:hover{background:#d7eeeb}.ready-help{font-size:13px;color:#346e79;line-height:1.5;margin:0 0 10px}.sidebar h1{font-size:24px;margin:12px 0 7px}.sidebar .subtext{margin-bottom:15px}.run-wrap{padding-top:17px;padding-bottom:2px}.run-wrap+details{margin-top:12px}#rainSources .segmented{margin:10px 0}#advanced,#riverPanel{margin-top:0;border-top:0}.input-pair label{font-size:14px}.map-hint strong{font-weight:600}

.terrain-view{position:absolute;inset:0 0 270px;z-index:600;background:#e6eff2}.terrain-view canvas{display:block;width:100%;height:100%;cursor:grab}.terrain-view canvas:active{cursor:grabbing}.relief-tools{position:absolute;top:78px;left:22px;z-index:800;display:flex;align-items:center;gap:8px;background:#fffffff0;padding:7px 10px;border-radius:6px;box-shadow:0 2px 7px #12384620;font-size:12px;max-width:calc(100% - 44px);flex-wrap:wrap}.relief-tools label{margin:0;font-size:12px}.relief-tools select{width:65px;padding:4px;font-size:12px}.layer-control{margin:0;border:0;top:126px;padding:10px 14px;width:195px}.layer-control summary{font-size:13px}.play-btn{min-width:85px;white-space:nowrap;font-size:14px}.frame-btn{border:1px solid #d0dfe2;border-radius:5px;background:white;color:#276372;padding:3px 9px;font-size:22px;line-height:1.2}.timeline{gap:8px;flex-wrap:wrap}.frame-count{color:#607787;font-size:12px}.map-controls{flex-wrap:wrap;right:20px}.map-controls .light button{padding:9px 11px}.legend{bottom:285px}.result-note{line-height:1.5}.map-workspace:has(.terrain-view:not([hidden])) .map-footer #cursorCoords{visibility:hidden}
@media(max-width:1000px){.metrics{gap:12px}.metrics strong{font-size:20px}.results{padding:12px 15px}.map-controls .light button{padding:9px 7px}.map-controls{left:12px;right:12px;gap:6px}.relief-tools{left:12px;max-width:calc(100% - 24px)}}
@media(max-width:760px){.terrain-view{bottom:335px}.relief-tools{top:110px;font-size:11px;gap:5px}.layer-control{top:164px;width:170px;right:12px}.legend{bottom:345px;left:12px;max-width:160px;padding:9px}.results{left:10px;right:10px;bottom:42px}.timeline input{flex-basis:calc(100% - 100px);order:1}.timeline .frame-count{order:2}.map-controls{top:12px}.map-controls .light{width:100%}.map-controls .map-button{padding:8px;font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.metrics strong{font-size:19px}.result-top{align-items:flex-start}.result-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.result-context{max-width:210px}.results .eyebrow{font-size:11px}}
.timeline .rain-phase{font-size:11px;color:#4f7f88}.relief-tools span{font-size:12px}@media(max-width:760px){.timeline .rain-phase{order:3}.map-workspace{height:760px}.terrain-view{bottom:335px}.legend{bottom:345px;max-width:145px}.legend-row{font-size:10px}}

.flow-canvas{z-index:450}.terrain-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hotspot-label{position:absolute;background:#fffffff0;border:1px solid #9cbfcf;border-radius:4px;padding:3px 7px;font-size:12px;color:#104663;white-space:nowrap;transform:translate(7px,-24px)}.basin-summary{font-size:12px;color:#366c79;padding:7px 0;border-top:1px solid #e3ecef;line-height:1.5}.channel-panel{margin:12px 0 0;padding:10px 0;border-bottom:0}.channel-panel summary{font-size:13px}.channel-panel .draw-actions{margin-top:10px}.upstream-check{font-size:13px;margin-top:15px}.upstream-help{margin:4px 0 0}.results{padding:12px 17px}.metrics{margin:12px 0 8px}.metrics strong{font-size:22px}.result-note{margin:5px 0 0}.legend{bottom:295px}.terrain-view{bottom:285px}.layer-control{top:115px;width:170px}.layer-control:not([open]){width:auto}.map-workspace:has(.terrain-view:not([hidden])) .legend{opacity:.9}.scope-note{font-size:12px}.timeline .rain-phase{font-size:12px}.map-footer{font-size:12px}.legend .help{font-size:11px}
@media(max-width:760px){.map-workspace{height:790px}.terrain-view{bottom:345px}.legend{bottom:365px;max-width:150px}.results{padding:11px}.metrics strong{font-size:20px}.layer-control{top:163px}.basin-summary{font-size:11px}.timeline .rain-phase{font-size:11px}.map-footer{font-size:10px}.channel-panel summary{font-size:14px}}
.basin-summary{display:flex;justify-content:space-between;align-items:center;gap:12px}.basin-summary .text-btn{font-size:12px;white-space:nowrap;padding:0}.upstream-check{font-size:14px}.channel-panel summary{font-size:14px}@media(max-width:760px){.basin-summary{flex-wrap:wrap;gap:4px}.channel-panel .draw-actions{flex-wrap:wrap}}

/* Navigation is outside the gesture surface so touch users can always leave it. */
.place-picker{margin:16px 0;padding:13px;background:#f3f7f8;border:1px solid var(--line);border-radius:7px}.place-picker strong{font-size:14px}.place-picker label{margin-top:9px}.place-picker .help{margin-bottom:0}.map-stage{position:absolute;inset:0}.map-navigation{position:absolute;top:75px;left:22px;right:22px;z-index:1000;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.map-navigation>*{pointer-events:auto}.map-navigation .help{padding:7px 10px;background:#fffffff0;border-radius:5px;margin:0}.mobile-navigation{display:none}.legend{margin:0;border:0}.legend summary{font-size:12px}.legend:not([open]){padding:10px 12px}.adjust-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.adjust-actions .primary{width:auto}.adjust-actions button{min-height:44px}#parameters{scroll-margin-top:12px}
@media(pointer:coarse){.mobile-navigation{display:block}.map-navigation{position:sticky;top:0;background:#f3f7f8;padding:8px;left:auto;right:auto}.map-stage{top:100px}.map-navigation .help{flex-basis:100%}}
@media(max-width:760px){
 html{scroll-padding-top:8px}.top{gap:9px}.search input,.search button,.sidebar input:not([type=range],[type=checkbox]),.sidebar select{font-size:16px}.sidebar{padding:17px}.place-picker .input-pair{grid-template-columns:1fr}.map-workspace{height:auto;overflow:visible;display:block}.map-navigation{position:sticky;top:0;left:auto;right:auto;background:#f3f7f8;border-top:1px solid #cbd8df;border-bottom:1px solid #cbd8df;padding:8px 10px;gap:7px;box-shadow:0 2px 7px #12384615}.mobile-navigation{display:block}.map-navigation button{min-height:44px;padding:10px;font-size:13px;flex:1}.map-navigation .help{flex-basis:100%;font-size:12px;padding:0;background:none}.map-stage{position:relative;inset:auto;height:clamp(330px,58svh,520px)}.terrain-view{inset:0}.map-controls{top:10px;left:10px;right:10px}.map-controls .light button{padding:10px 6px;min-height:44px;font-size:12px}.map-controls .map-button{min-height:40px}.relief-tools{top:108px;left:10px;font-size:11px;gap:6px}.relief-tools>span{flex-basis:100%}.relief-tools select{min-height:36px}.layer-control{top:195px;right:10px;max-width:calc(100% - 20px);max-height:calc(100% - 235px);overflow:auto}.layer-control:not([open]){max-height:none;top:155px}.leaflet-control-zoom{margin-top:105px!important;margin-right:10px!important}.legend{left:10px;bottom:40px;max-width:180px;max-height:180px;overflow:auto}.map-footer{bottom:18px}.results{position:relative;inset:auto;margin:0;padding:14px 12px;border-radius:0;box-shadow:none}.result-context{max-width:none;overflow-wrap:anywhere}.result-top{gap:10px}.result-actions{gap:6px}.metrics span{font-size:11px}.timeline button{min-height:44px}.timeline input{min-height:36px;flex-basis:100%;width:100%;order:1}.basin-summary{font-size:12px}.result-note{font-size:12px}.map-hint{width:min(300px,calc(100% - 30px));padding:15px;top:58%}.toast{top:15px}.adjust-actions{display:grid;grid-template-columns:1fr;width:100%}.adjust-actions .primary{width:100%}.workspace{min-width:0}.search-results{max-height:50svh;overflow:auto}
}

.relief-tools .secondary{font-size:18px;padding:3px 10px;min-height:36px}

.property-picker{border:1px solid #b7d7db;background:#f0f9f9;padding:13px;border-radius:7px;margin:14px 0}.property-picker>strong{font-size:15px}.property-picker .full{margin-top:10px}.property-picker .draw-actions{flex-wrap:wrap}.property-flag{font-size:28px;line-height:32px;text-shadow:0 1px 2px white;color:#a93727;background:#ffffffe6;border-radius:4px;text-align:center}.spatial-rain{padding:0 12px 10px;border-left:3px solid #72b6c5;background:#f3f8fa}.spatial-rain label{font-size:14px}.property-assessment{padding:12px;margin-top:10px;background:#edf7f8;border:1px solid #b8d7dd;border-radius:6px}.assessment-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.assessment-heading strong{font-size:15px;overflow-wrap:anywhere}.property-verdict{font-size:14px;font-weight:650;line-height:1.5;margin:7px 0}.property-values{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px}.property-values b{display:block;font-size:16px;margin-top:4px}.property-assessment .help{margin-bottom:4px;font-size:12px}.faja-panel{margin-top:9px;padding:10px 0;border-bottom:0}.faja-panel summary{font-size:14px}.faja-panel a{color:#08757c}.faja-panel ul{padding-left:20px;font-size:13px;line-height:1.6}.terrain-property-label{background:#fff7e8;border:2px solid #ad4b2d;padding:5px 8px;color:#743c23;font-size:13px;transform:translate(-50%,-110%);white-space:nowrap}.results:has(.property-assessment:not([hidden])){max-height:57%;overflow:auto}.map-stage:has(~.results .property-assessment:not([hidden])) .terrain-view{bottom:55%}
@media(max-width:760px){.results:has(.property-assessment:not([hidden])){max-height:none;overflow:visible}.map-stage:has(~.results .property-assessment:not([hidden])) .terrain-view{bottom:0}.property-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.property-assessment .help{font-size:13px}.property-picker .draw-actions button{min-height:44px}.faja-panel input{font-size:16px}.property-assessment label{font-size:14px}}

.basin-caption{position:absolute;right:12px;bottom:48px;max-width:220px;z-index:800;background:#fffffff2;border:1px solid #bdd5db;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.55;white-space:pre-line;pointer-events:none}.results:has(.property-assessment:not([hidden])){max-height:300px}.map-stage:has(~.results .property-assessment:not([hidden])) .terrain-view{bottom:340px}
@media(max-width:760px){.results:has(.property-assessment:not([hidden])){max-height:none}.map-stage:has(~.results .property-assessment:not([hidden])) .terrain-view{bottom:0}.basin-caption{max-width:195px;font-size:12px;bottom:45px;padding:8px 10px}}

.terrain-property-label{max-width:180px;white-space:normal;overflow-wrap:anywhere}.faja-panel li{overflow-wrap:anywhere}.property-values span{min-width:100px}
.reference-panel,.climate-panel{border:1px solid #c8dde2;border-radius:7px;background:#f3f8fa;padding:12px;margin:14px 0}.reference-panel>strong,.climate-panel>strong{font-size:14px}.scenario-buttons{display:grid;gap:7px;margin:10px 0}.scenario-buttons button{text-align:left;padding:10px;font-size:13px;min-height:42px}.climate-chart{height:89px;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:14px 0 7px;align-items:end}.month-bar{display:flex;height:82px;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;font-size:9px}.month-bar i{display:block;background:#258fa4;width:100%;max-width:18px;border-radius:3px 3px 0 0}.failure-panel{margin:12px 0;padding:12px;background:#fff5e9;border:1px solid #c99663;border-left:4px solid #a96124;border-radius:5px;font-size:14px;line-height:1.5}.failure-panel p{margin:9px 0}.failure-panel details{margin:4px 0;padding:8px 0}.failure-panel .help{overflow-wrap:anywhere}.basin-warning{background:#fff3dc;border:1px solid #d5ad60;padding:9px 11px;border-radius:4px;font-size:12px;line-height:1.5;margin:8px 0}.basin-summary{flex-wrap:wrap}.entry-summary{font-size:12px;color:#175669;line-height:1.6;padding:7px 0}.terrain-quality{font-size:12px!important;margin:3px 0 10px!important}.entry-marker{background:#fff8e8;border:1px solid #bb732f;color:#70451e;font-size:11px;text-align:center;border-radius:4px;padding:3px;white-space:nowrap}.terrain-entry-label{background:#fff5dd;border:1px solid #a97835;font-size:11px;color:#734d25;transform:translate(-50%,-100%)}.terrain-north-label{background:#153d51;color:white;border:0;font-size:13px;transform:translate(-50%,-100%)}.texture-status{position:absolute;left:15px;bottom:345px;z-index:790;max-width:calc(100% - 30px);background:#ffffffec;padding:5px 8px;border-radius:4px;font-size:10px;line-height:1.4;pointer-events:none}.results{max-height:300px;overflow:auto}.terrain-view{bottom:340px}.basin-caption{bottom:345px;max-height:235px;overflow:auto;max-width:270px;pointer-events:auto}.map-stage:has(~.results:not([hidden])) .legend{bottom:345px}
@media(max-width:760px){.reference-panel .help,.climate-panel .help{font-size:13px}.scenario-buttons button{min-height:44px;font-size:14px}.climate-chart{gap:3px}.month-bar{font-size:9px}.results{max-height:none;overflow:visible}.terrain-view{bottom:0}.texture-status{left:10px;bottom:42px;max-width:calc(100% - 20px);font-size:9px}.basin-caption{bottom:46px;right:10px;max-width:205px;max-height:155px;font-size:11px}.map-stage:has(~.results:not([hidden])) .legend{bottom:40px}.basin-caption:not([hidden])~.texture-status{display:none}.entry-summary{font-size:12px}.map-controls .map-button{font-size:11px;padding:7px}.relief-tools{top:115px}.terrain-entry-label{font-size:9px}.terrain-quality{font-size:12px!important}}

/* ValRod: the map and playback each have their own space. */
.valrod-seal{display:flex;align-items:center;gap:8px;border-left:1px solid #527181;padding-left:18px;font-size:17px;font-weight:650;white-space:nowrap}.vr-monogram{border:1px solid #62ddd3;color:#62ddd3;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;letter-spacing:-1px}.valrod-seal small{display:block;font-size:8px;letter-spacing:2px;color:#b2c9d4;margin-top:2px}.top{gap:16px}.search{width:min(430px,32vw)}.new-zone{color:#8ceadd;border-color:#7cbbb4;font-weight:650}.sidebar{background:#fafcfd}.sidebar h1{font-size:25px;line-height:1.2}.step{border-color:#b0ced2;color:#168c8d}.catchment-picker{background:#edf6f1;border:1px solid #a9cbb8;border-radius:8px;padding:13px;margin:14px 0}.catchment-picker .full{margin-top:10px}.catchment-picker .draw-actions{flex-wrap:wrap}.catchment-picker .text-btn{font-size:12px}.reference-panel summary,.climate-panel summary{font-size:14px;color:#245466}.geo-layers{position:absolute;right:15px;top:120px;width:238px;z-index:900;border:1px solid #c9dce0;box-shadow:0 3px 15px #17374c22;border-radius:8px;background:#ffffffed;margin:0;padding:12px 14px;max-height:calc(100% - 160px);overflow:auto}.geo-layers:not([open]){width:auto;overflow:visible}.geo-layers summary{font-size:13px;font-weight:650}.geo-layers .check{font-size:12px;gap:8px;margin:10px 0}.geo-layers .check input{flex:none}.geo-layers .help{font-size:11px;margin-bottom:0}.geo-layers label{font-size:11px}.geo-layers input[type=range]{width:100%;accent-color:#43616b}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.swatch.boundary{background:#8759b9}.swatch.ana{background:#c57532}.swatch.official{background:#777f87}.swatch.runoff{background:#00aebd}.swatch.basin{background:#44a978}.swatch.rain{background:#364851}.swatch.flood{background:#359bdf}.layer-control{top:165px;left:15px;right:auto;max-height:calc(100% - 240px);overflow:auto}.results{position:relative;inset:auto;max-height:300px;flex:none;margin:0;border:0;border-top:1px solid #c8dbe1;border-radius:0;box-shadow:0 -3px 16px #17374c12;padding:14px 20px}.results:has(.property-assessment:not([hidden])){max-height:300px}.map-workspace{display:flex;flex-direction:column;overflow:hidden;min-width:0}.map-stage{position:relative;inset:auto;flex:1;min-height:290px}.terrain-view,.map-stage:has(~.results .property-assessment:not([hidden])) .terrain-view{inset:0}.texture-status{bottom:38px}.legend,.map-stage:has(~.results:not([hidden])) .legend{bottom:40px;max-height:150px;overflow:auto}.basin-caption{bottom:40px;right:15px;max-width:265px;max-height:140px;font-size:11px}.basin-overview{position:absolute;left:15px;bottom:42px;background:#fffffff2;border:1px solid #c6dcd2;border-radius:7px;width:180px;padding:9px;z-index:720;font-size:11px;pointer-events:none}.basin-overview svg{display:block;width:100%;height:105px}.basin-overview span{font-size:9px;color:#567769}.scenario-quality{font-size:12px;line-height:1.55;background:#f4f8fa;border-left:3px solid #7aa9b9;border-radius:3px;padding:8px 10px;margin:7px 0}.scenario-quality.attention{background:#fff5df;border-left-color:#c1882d}.layer-attributes{display:grid;grid-template-columns:1fr 1.4fr;gap:3px 10px;font-size:11px;line-height:1.5;max-height:230px;overflow:auto}.layer-attributes dt{font-weight:650;color:#55717e}.layer-attributes dd{margin:0;overflow-wrap:anywhere}.source-link{overflow-wrap:anywhere;font-size:11px}.geo-layers:has(#layerRain:checked) #rainOpacity{opacity:1}
@media(max-width:1120px){.valrod-seal{padding-left:10px;font-size:14px}.top{gap:9px;padding:0 12px}.header-btn{font-size:12px;padding:9px}.brand{font-size:18px}.search{width:27vw}.geo-layers{right:12px;top:115px}.map-controls{gap:5px}.map-navigation{top:65px;left:12px}.map-controls .light button{padding:9px 6px}}
@media(max-width:760px){.top{min-height:140px;gap:9px;padding:12px}.brand{font-size:17px}.valrod-seal{font-size:14px;margin-left:auto}.header-btn{min-height:40px}.search{order:4;width:100%}.new-zone{margin-left:0}#infoButton{margin-left:auto}.sidebar h1{display:block;font-size:23px}.workspace{height:auto}.map-workspace{display:block;overflow:visible;height:auto}.map-stage{height:clamp(370px,62svh,560px);min-height:0}.map-navigation{position:sticky;top:0;left:auto;right:auto}.geo-layers{position:relative;inset:auto;width:100%;max-height:none;border-radius:0;border:0;border-bottom:1px solid #c9dce0;padding:10px 14px;box-shadow:none;background:#f7fafb}.geo-layers:not([open]){width:100%}.geo-layers[open]{display:block}.geo-layers .check{font-size:14px;min-height:28px;margin:7px 0}.geo-layers input[type=range]{min-height:32px}.results,.results:has(.property-assessment:not([hidden])){max-height:none;overflow:visible;padding:14px 12px}.layer-control{top:150px;left:10px;max-width:180px;max-height:calc(100% - 200px)}.layer-control:not([open]){top:155px}.terrain-view,.map-stage:has(~.results .property-assessment:not([hidden])) .terrain-view{bottom:0}.basin-caption{right:10px;bottom:42px;max-width:185px;font-size:10px;max-height:105px}.basin-overview{left:10px;bottom:43px;width:132px;padding:6px}.basin-overview svg{height:74px}.legend,.map-stage:has(~.results:not([hidden])) .legend{bottom:40px}.map-footer{font-size:9px}.texture-status{font-size:9px;bottom:20px}.layer-attributes{font-size:12px}.catchment-picker .text-btn{min-height:40px}.scenario-quality{font-size:13px}.map-controls .light button{padding:10px 6px}.map-controls{right:10px}.toast{top:12px}.relief-tools{top:110px}.map-stage:has(#terrainView:not([hidden])) .layer-control{top:202px}}
@media(min-width:761px) and (pointer:coarse){.map-navigation{position:relative;top:auto;left:auto;right:auto}.geo-layers{top:150px}}

.map-stage:has(.basin-caption:not([hidden])) .layer-control{max-height:160px}

.rain-canvas{pointer-events:none}.swatch.runoff{background:linear-gradient(90deg,#177fc2 50%,#96522a 50%)}

/* The key remains visible with the basin inset and with the controls collapsed. */
.legend,.map-stage:has(~.results:not([hidden])) .legend{left:auto;right:15px;bottom:42px;width:244px;max-width:244px;max-height:calc(100% - 230px);padding:11px 13px;overflow:auto;pointer-events:auto;border:1px solid #c8d8df;background:#fffffff5;z-index:750}
.legend strong{display:block;font-size:12px;color:#203b4b}.legend-row{font-size:11px;line-height:1.3;margin-top:6px}.legend-row i.line-key{height:0;border-radius:0;background:none!important;border-top:2px solid currentColor;flex:none}.legend-row i.dashed{border-top-style:dashed}.legend-row i.dot-key{width:8px;height:8px;border-radius:50%;margin:0 6px}.legend-row i.area-key{border:1px solid currentColor;opacity:.7}.legend .help{font-size:10px;line-height:1.4;margin-top:9px}.legend-group{margin-top:9px;font-size:10px;font-weight:650;color:#5e7380}.entry-marker{background:#ffffffed;border-color:#6b7593;color:#394460;font-size:10px;padding:2px 4px}.entry-marker::before{content:'+';font-weight:700;margin-right:3px}.scenario-quality{line-height:1.45}.scenario-quality.attention{border-left:3px solid #a64c22}
@media(max-width:760px){.legend,.map-stage:has(~.results:not([hidden])) .legend{right:10px;left:auto;bottom:40px;width:202px;max-width:calc(100% - 20px);max-height:calc(100% - 205px);padding:9px 10px}.legend-row{font-size:10px}.legend .help{font-size:10px}.basin-overview{display:none}.basin-caption{left:10px;right:auto;max-width:150px;bottom:43px}}

@media(max-width:760px){.basin-caption{display:none}.layer-control,.layer-control:not([open]),.map-stage:has(#terrainView:not([hidden])) .layer-control{top:73px;max-height:78px;max-width:180px}.legend-row{font-size:11px}.legend .help{font-size:11px}.legend strong::after{content:' · desliza';font-size:10px;font-weight:400;color:#607787}}

/* A single active task, with a separate map and playback area. */
.sidebar{width:345px;padding:22px;background:#fff}.workflow-nav{display:grid;gap:4px;border-bottom:1px solid #dce7ec;padding-bottom:15px;margin-bottom:18px}.workflow-nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#526b7a;text-align:left;border-radius:7px;padding:10px;font-size:15px;min-height:44px}.workflow-nav button span{display:grid;place-items:center;border:1px solid #b5cbd3;width:27px;height:27px;border-radius:50%;font-size:13px;flex:none}.workflow-nav button.active{color:#086477;background:#e7f3f6;font-weight:700}.workflow-nav button.active span{background:#087c90;color:white;border-color:#087c90}.workflow-nav button:disabled{opacity:.55;cursor:default}.workflow-hint{font-size:14px;color:#59717f;line-height:1.55;margin:8px 0 17px}.workflow-panel h1{font-size:23px!important;display:block!important;margin:10px 0 14px}.workflow-panel[hidden]{display:none!important}.workflow-footer{display:flex;gap:8px;align-items:center;margin:18px 0}.workflow-footer .primary{flex:1;font-size:14px;padding:12px}.workflow-panel .place-picker{background:#f6f9fb}.property-picker,.catchment-picker{border:0;background:#f3f8fa;padding:13px;margin:12px 0}.property-picker>strong{display:none}.property-picker>.full{margin-top:0}.workflow-panel details{border-bottom:1px solid #e3ebef}.workflow-panel details summary{font-size:14px;line-height:1.5}.workflow-panel #simulate{width:100%;margin-top:10px}.outlet-proposal{background:#f0f7fd;border:1px solid #abc8df;padding:12px;border-radius:8px;margin:14px 0;font-size:14px;line-height:1.55}.outlet-proposal .primary{font-size:14px;padding:11px;margin-top:9px;width:100%}.workflow-optional{margin:12px 0}.sidebar>.legend{position:static;inset:auto;width:100%;max-width:none;max-height:none;border:0;border-top:1px solid #dce7ec;padding:16px 0 4px;box-shadow:none;background:white}.sidebar>.legend strong{font-size:14px}.sidebar>.legend .legend-row{font-size:12px;margin-top:9px}.sidebar>.legend .help{font-size:12px;line-height:1.5}.sidebar>.legend i.dot-key{border:1px solid #6d92a6;background:#167db7!important}.sidebar .scope-note{font-size:12px;line-height:1.55}.workspace .sidebar #workflowProgress{font-size:11px}.map-workspace{background:#e8f0f4}.results .metrics>div:nth-child(4){display:none}.results .metrics{grid-template-columns:repeat(3,1fr)}.results .terrain-quality,.results .entry-summary{font-size:11px}.geo-layers{top:75px;right:15px}.layer-control,.layer-control:not([open]),.map-stage:has(#terrainView:not([hidden])) .layer-control{top:72px;left:15px}.map-stage:has(.basin-caption:not([hidden])) .layer-control{max-height:calc(100% - 155px)}.basin-overview{left:auto;right:15px;bottom:45px}.basin-caption{left:15px;right:auto;bottom:45px}.relief-tools{top:115px}.map-controls{left:15px}.top{min-height:76px}.results .result-note{font-size:12px}.timeline .play-btn{background:#087c90;color:white;border:0;border-radius:6px;padding:11px 14px}.timeline #timeline{accent-color:#168fa5}.sidebar #workflowPlay{width:100%;font-size:16px;min-height:48px}.sidebar #workflowNewZone{margin-top:12px}
@media(max-width:1120px) and (min-width:761px){.sidebar{width:310px;padding:17px}.workflow-panel h1{font-size:21px!important}}
@media(max-width:760px){.sidebar{width:100%;padding:16px;overflow:visible}.workflow-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:12px;padding-bottom:12px}.workflow-nav button{display:flex;flex-direction:column;gap:6px;padding:8px 3px;font-size:12px;text-align:center;justify-content:center}.workflow-nav button span{width:26px;height:26px}.workflow-panel h1{font-size:22px!important}.workflow-footer{position:relative;flex-wrap:wrap}.workflow-footer button{min-height:46px}.workflow-hint{margin-bottom:10px}.sidebar>.legend{padding:12px 0;max-width:none;max-height:none}.sidebar>.legend strong::after{content:none}.sidebar>.legend .legend-row{font-size:13px}.map-stage{height:clamp(350px,58svh,530px)}.geo-layers{position:relative;inset:auto}.layer-control,.layer-control:not([open]),.map-stage:has(#terrainView:not([hidden])) .layer-control{top:73px;max-width:175px;max-height:calc(100% - 140px)}.relief-tools{top:117px}.map-navigation{flex-wrap:wrap;background:#f2f7fa;padding:9px 12px}.map-navigation .help{flex-basis:100%;margin:0}.top{min-height:135px}.results .metrics{grid-template-columns:1fr 1fr}.results .metrics>div:nth-child(3){grid-column:1/-1}.basin-overview{display:block;left:auto;right:10px;width:145px;pointer-events:auto}.basin-overview svg{height:85px}.basin-caption{display:none}.results{max-height:none!important}.workflow-panel input,.workflow-panel select{font-size:16px!important}.workflow-panel .draw-actions{flex-wrap:wrap}.timeline .play-btn{min-height:44px}.results .metrics strong{font-size:20px}.map-controls .light button{min-height:44px}.map-controls{left:10px;right:10px}.map-stage #map{touch-action:pan-y pinch-zoom}}

.result-details{margin:8px 0;padding:8px 0;border-bottom:1px solid #dce7ec}.result-details summary{font-size:13px;color:#386173}.result-details .basin-summary{margin-top:9px}.workflow-panel #rainSources .segmented{display:none}.sidebar .legend-row{gap:8px}.sidebar .legend-group{font-size:11px}.sidebar #workflowProgress{margin-top:0}.sidebar .selection{font-size:13px}

.segment-toolbar{position:absolute;z-index:850;left:15px;right:65px;bottom:38px;max-width:570px;background:#fff;border:2px solid #d38b25;border-radius:9px;padding:12px;box-shadow:0 3px 18px #18374830}.segment-toolbar p{font-size:13px;line-height:1.4;margin:7px 0}.segment-toolbar button{min-height:44px;font-size:13px}.segment-toolbar .draw-actions{flex-wrap:wrap}#screenControls input[type=range]{width:100%;accent-color:#c98122}#fieldDialog{width:min(520px,94vw);max-height:90svh;overflow:auto}#fieldDialog textarea{width:100%;font:inherit;border:1px solid #b5cad4;border-radius:6px;padding:9px;box-sizing:border-box}.field-row{padding:8px 0;border-bottom:1px solid #e3ebef}.field-row button{font-size:12px;min-height:36px}.segment-toolbar[hidden]{display:none!important}@media(max-width:760px){.segment-toolbar{left:8px;right:8px;bottom:33px;padding:9px;max-height:45%;overflow:auto}.segment-toolbar p{font-size:12px}.segment-toolbar button{flex:1}#fieldDialog input{font-size:16px}.relief-tools{flex-wrap:wrap;max-width:calc(100% - 20px)}}

.imagery-detail{position:absolute;bottom:4px;left:10px;max-width:min(70%,500px);padding:3px 6px;background:#ffffffdf;color:#344b57;font-size:11px;line-height:1.25;z-index:430;pointer-events:none;margin:0}@media(max-width:760px){.imagery-detail{bottom:30px;max-width:80%;font-size:10px}}

#map.segment-editing,#map.segment-editing .leaflet-interactive{cursor:crosshair!important}#map.segment-valid,#map.segment-valid .leaflet-interactive{cursor:pointer!important}.segment-toolbar{border-left:4px solid #00a894}.segment-toolbar p{max-width:44ch}

.climate-summary{padding:12px;background:#eef7f6;border-left:3px solid #008482;border-radius:5px;font-size:13px;line-height:1.6;margin:8px 0}.hydraulic-result{padding:12px;background:#eef6fc;border-radius:6px;font-size:13px;line-height:1.6}.section-preview{width:100%;height:85px;display:block}.hydraulic-panel{border:1px solid #cbdde3;border-radius:6px;padding:12px;margin:12px 0}

.proposal-row{border-top:1px solid rgba(23,106,158,.25);padding:.5rem 0;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.proposal-row p{flex:1 1 100%;margin:0;font-weight:600}

.scenario-buttons button.active{background:#0b6f78;color:#fff;border-color:#0b6f78;box-shadow:0 0 0 2px rgba(11,111,120,.25)}.scenario-buttons button.active::before{content:"✓ "}
.rain-cap{margin:.6rem 0;padding:.6rem .7rem;border:1px solid rgba(23,106,158,.25);border-radius:8px}.rain-cap input[type=range]{width:100%}.rain-cap-scale{display:flex;justify-content:space-between;font-size:.8rem;opacity:.8}
dialog.tutorial{max-width:min(92vw,440px);border:0;border-radius:14px;padding:1.3rem 1.4rem;box-shadow:0 18px 50px rgba(0,0,0,.35)}dialog.tutorial::backdrop{background:rgba(12,36,52,.55)}dialog.tutorial h2{margin:.2rem 0 .5rem;font-size:1.25rem}dialog.tutorial p{line-height:1.5;margin:0 0 1rem}.tutorial-count{font-size:.8rem;opacity:.7}.tutorial-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;align-items:center}.tutorial-actions [data-tutorial=skip]{margin-right:auto}

.recent-places{display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:center;margin-top:.5rem}.recent-places .help{flex:1 1 100%;margin:0}#coordPanel input{width:100%}

.dry-hint{margin:.5rem 0;padding:.5rem .7rem;border-left:3px solid #b77e2c;background:rgba(183,126,44,.08);border-radius:4px}