/* PhoneCavureDesign: page 18, card 14, radius 20, body 15, metadata 11,
   card title 17, touch 44, action 60. Frame geometry: original 402 × 874. */
.water-explorer{background:#000!important}.water-native-screen{position:absolute;inset:0;width:402px;height:874px;object-fit:fill;pointer-events:none}.water-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.water-status{position:absolute;inset:0 0 auto;height:62px;background:#031013;z-index:9}.water-status .statusbar{height:62px}.water-explorer button{border:0;background:transparent}.water-back-hotspot{position:absolute;left:26px;top:82px;width:44px;height:44px;z-index:10}.water-management-hotspot{position:absolute;right:30px;top:82px;width:44px;height:44px;z-index:10}.water-map-surface{position:absolute;inset:0;overflow:hidden}.water-map-marker{position:absolute!important;width:34px;height:34px;transform:translate(-50%,-50%);background:#00d1db40!important;border-radius:50%;color:var(--primary);display:flex;align-items:center;justify-content:center;padding:6px;touch-action:none}.water-map-marker svg{width:24px;height:24px}.water-map-marker strong{position:absolute;top:38px;color:white;font-size:11px;font-weight:600;white-space:nowrap;text-shadow:0 1px 3px #000}.water-map-marker img{width:36px;height:36px;object-fit:contain}.water-map-marker b{font-size:24px}.water-toolbar{position:absolute;left:18px;right:18px;top:760px;height:72px;display:flex;z-index:5}.water-toolbar button{flex:1;min-width:0;min-height:44px}.water-native-card{padding:14px;border:1px solid #00d1db47;border-radius:20px;background:radial-gradient(ellipse at 50% 100%,#00d1db13,transparent 60%),#030508b3;box-shadow:0 0 14px #00d1db14,inset 0 1px 0 #00d1db29}.water-panels{position:absolute;left:18px;right:18px;bottom:122px;display:flex;flex-direction:column;gap:8px;z-index:6;pointer-events:none}.water-panels>*{pointer-events:auto}.water-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:8px}.water-panel-heading h2,.water-native-card h2{font-size:17px;font-weight:600;margin:0}.water-panel-heading h2{display:flex;gap:8px;align-items:center}.water-panel-heading svg{width:26px;height:26px}.water-panel-heading button{color:var(--primary);min-height:44px;padding:0}.water-panel-heading small{font-size:11px;color:var(--secondary)}.water-native-list{border:1px solid #00d1db47;border-radius:20px;overflow:hidden;background:#03050870}.water-native-list>button{display:flex;align-items:center;gap:14px;text-align:left;min-height:44px;width:100%;padding:8px 14px;border-radius:0;background:none;color:var(--primary);border:0}.water-native-list>button+button{border-top:1px solid #ffffff1f}.water-native-list>button>svg{width:26px;height:26px;flex-shrink:0}.water-native-list>button>svg:last-child{margin-left:auto;width:20px;height:20px}.water-native-list>button>span:not(.water-map-pin-glyph){color:white;flex:1;font-size:15px;line-height:1.3}.water-native-list small{display:block;color:var(--secondary);font-size:11px;margin-top:4px}.water-native-card p{font-size:11px;line-height:1.3;color:var(--secondary);margin:8px 0 0}.water-legend{padding:14px;height:278px}.water-legend .water-panel-heading{margin-bottom:8px}.water-legend .water-native-list>button{height:44px}.water-legend>p{margin-top:8px}.water-species-names{font-size:15px}.water-management{position:absolute;left:18px;right:18px;top:152px;padding:0;z-index:11;overflow:hidden}.water-management .water-native-list{border:0;background:none}.water-management button{height:44px}.water-picking{position:absolute;left:18px;right:18px;bottom:42px;z-index:8;background:#030508e8;border-radius:20px;padding-top:8px}.water-picking p{text-align:center;font-size:11px;margin:0 8px 8px}.water-picking button{display:block;width:100%;height:60px;border-radius:17px;background:#030508f2;border:1px solid #ffffff3d;margin-top:8px;font-size:17px;font-weight:600}.water-picking button:first-of-type:not(:last-child){background:linear-gradient(#163239,#005963);border:1px solid #9fe5e6aa}.water-gauge-hotspots{position:absolute;inset:0;pointer-events:none;z-index:7}.water-gauge-hotspots button{pointer-events:auto}.water-gauge-close{position:absolute;right:32px;top:402px;width:44px;height:44px}.water-gauge-types{position:absolute;left:32px;right:32px;top:454px;height:40px;display:flex}.water-gauge-types button,.water-gauge-periods button{flex:1}.water-gauge-periods{position:absolute;left:32px;right:32px;top:700px;height:44px;display:flex}.water-gauge-hotspots.discharge .water-gauge-close{top:386px}.water-gauge-hotspots.discharge .water-gauge-types{top:438px}.water-gauge-hotspots.turbidity .water-gauge-close{top:566px}.water-gauge-hotspots.turbidity .water-gauge-types{top:618px}.water-native-editor{background-image:url('assets/native-background.png')!important}.water-native-editor .native-header{position:absolute;left:18px;top:66px}.water-native-editor .statusbar{height:62px}.water-editor-title{position:absolute;left:18px;right:18px;top:116px;height:44px;display:flex;align-items:center;gap:8px}.water-editor-title h1{font-size:17px;font-weight:600;margin:0}.water-editor-title button{width:44px;height:44px;padding:12px;color:var(--primary);background:none;border:0}.water-editor-title svg{width:20px;height:20px}.water-editor-subtitle{position:absolute;top:178px;left:18px;right:18px;text-align:center;color:var(--secondary);font-size:13px;margin:0}.water-editor-scroll{position:absolute;left:0;right:0;top:166px;bottom:100px;overflow:auto;padding:0 18px 18px;scrollbar-width:none}.water-editor-scroll.with-subtitle{top:210px}.water-editor-scroll>.water-native-card{margin-bottom:14px}.water-section-label{font-size:13px!important;font-weight:600;letter-spacing:1px;color:var(--primary)!important;margin:0 0 8px!important}.water-section-label.centered{text-align:center;margin:18px 0!important}.water-native-editor input:not([type=checkbox]),.water-native-editor textarea{border:1px solid #00d1db29;border-radius:14px;background:#ffffff0a;color:white;font-size:15px;padding:14px;width:100%;min-width:0}.water-native-editor select{color:white;background:transparent;border:0;min-width:0;font-size:15px;max-width:240px}.water-private{display:flex;gap:8px;align-items:center;margin-top:8px}.water-private span{font-size:15px;flex:1}.water-private small{display:block;font-size:11px;color:var(--secondary);margin-top:4px}.water-private input{appearance:none;width:62px;height:28px;border-radius:20px;background:#454a50;position:relative;flex-shrink:0}.water-private input:before{content:'';position:absolute;top:2px;left:2px;width:38px;height:24px;border-radius:20px;background:white}.water-private input:checked{background:var(--primary)}.water-private input:checked:before{left:22px}.water-editor-footer{position:absolute;bottom:50px;left:18px;right:18px;display:flex;gap:8px}.water-editor-footer .action-button{flex:1;height:60px;margin:0}.water-native-editor .water-field-row{display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #ffffff26;background:none;width:100%;text-align:left;font-size:15px}.water-field-row:last-child{border-bottom:0}.water-field-row>span:first-child{color:var(--secondary);flex-shrink:0}.water-field-row small{font-size:11px;color:var(--secondary)}.water-field-row input[type=datetime-local]{font-size:13px;border:0;padding:0;background:none;width:210px;text-align:right}.water-field-row button{border:0;background:none;color:var(--primary);width:32px;padding:4px}.water-field-row button svg{width:20px;height:20px}.water-field-row>span>svg{width:16px;height:16px;vertical-align:middle;color:var(--primary)}.water-native-editor .water-native-list{border:0;background:none}.water-native-editor .water-native-list>button{min-height:64px;padding:8px 0}.water-native-list>button>img{width:44px;height:44px;object-fit:cover;border:1px solid var(--primary);border-radius:50%}.water-native-editor .action-button small{display:block;font-size:11px;font-weight:400}.water-editor-map{height:150px;border-radius:14px;overflow:hidden}.water-editor-map img{width:100%;height:100%;object-fit:cover;object-position:center}.water-editor-photo{width:100%;height:150px;object-fit:cover;border-radius:14px}.water-photo-picker{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;color:var(--primary);position:relative}.water-photo-picker svg{width:20px;height:20px}.water-photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.water-native-editor form>label:not(.water-private){display:block;color:var(--secondary);margin-bottom:14px}.water-native-editor form>label>input,.water-native-editor form>label>textarea{margin-top:4px}

.water-gauge-hotspots.murg .water-gauge-close{top:450px}

.water-map-pin-glyph{display:inline-block;width:24px;height:24px;flex-shrink:0;background:currentColor;mask:url(assets/sf-waterMapPin.png) center/contain no-repeat;-webkit-mask:url(assets/sf-waterMapPin.png) center/contain no-repeat}

.water-gauge-native{position:relative;overflow:hidden;border-radius:20px;pointer-events:auto}.water-gauge-native>img{position:absolute;left:-18px;width:402px;height:874px;max-width:none;pointer-events:none}.water-gauge-native .water-gauge-close,.water-gauge-native .water-gauge-hotspots.murg .water-gauge-close,.water-gauge-native .water-gauge-hotspots.turbidity .water-gauge-close,.water-gauge-native .water-gauge-hotspots.discharge .water-gauge-close{top:14px;right:14px}.water-gauge-native .water-gauge-types,.water-gauge-native .water-gauge-hotspots.turbidity .water-gauge-types,.water-gauge-native .water-gauge-hotspots.discharge .water-gauge-types{top:66px;left:14px;right:14px}.water-gauge-native .water-gauge-periods{top:auto;bottom:14px;left:14px;right:14px}.water-remove-badge{position:absolute;left:0;right:0;top:146px;height:62px;overflow:hidden;pointer-events:none}.water-remove-badge img{position:absolute;left:0;top:-146px;width:402px;height:874px;max-width:none}

/* PhoneCavureActionSurface, primary: black .96; white .07, cyan .34*.72, dark .84; stroke 1.1; glow 9/.28. */
.water-native-editor .action-button.primary,.water-picking button:first-of-type:not(:last-child){background:linear-gradient(rgba(255,255,255,.07),rgba(0,209,219,.2448),rgba(0,140,153,.84)),rgba(0,0,0,.96);border:1.1px solid rgba(0,209,219,.88);box-shadow:inset 0 1px 0 #ffffff75,0 2px 9px #00d1db47,0 4px 8px #0006;font-size:17px;font-weight:600}

.water-native-editor .native-header{left:18px;right:18px;padding:0;height:44px}.water-editor-title{top:110px}.water-editor-modal .native-header{top:82px}.water-editor-modal .water-editor-title{top:126px}.water-editor-no-footer .water-editor-scroll{bottom:18px}