/* SADO TIDE PRO v5.0 — smartphone-first resilient tide graph */
html,body{overflow-x:hidden!important}
body{background:#06111d!important}
.layout{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:8px 5px 106px!important;gap:7px!important}
.header-inner{max-width:430px!important;padding:9px 10px!important}
.location-bar{padding:0 3px!important;gap:5px!important;align-items:center!important}
.spot-choice select{font-size:clamp(20px,7.2vw,27px)!important;max-width:82vw!important;min-width:0!important}
.live-pill{margin-top:1px!important;padding:3px 7px!important;font-size:10px!important}
.date-bar{min-height:46px!important;border-radius:12px!important}.navbtn,.today-btn{height:38px!important}.navbtn{width:38px!important;min-width:38px!important}.date-center span{font-size:15px!important}
.overview{padding:7px!important;border-radius:13px!important;background:linear-gradient(180deg,#0d2034,#071523 84%)!important;overflow:hidden!important}
.overview-top{gap:6px!important;align-items:flex-start!important}.overview h1{font-size:16px!important;line-height:1.02!important}.overview .eyebrow{font-size:9px!important}.minor{font-size:9px!important;padding:2px 5px!important}.tide-day{min-width:98px!important;padding:5px 6px!important;border-radius:10px!important}.tide-day strong{font-size:15px!important}.tide-day small{font-size:9px!important;line-height:1.1!important}
/* Hero graph: no decorative vertical dead space. */
.day-graph{order:2!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;margin:5px 0 3px!important;padding:0!important;overflow:hidden!important;border:1px solid #557b9d!important;border-radius:13px!important;background:linear-gradient(180deg,#194b78 0%,#143b62 9%,#102e4d 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.day-graph::after{display:none!important;content:none!important}
.day-graph svg,.day-graph .day-svg,.v50-tide-svg{display:block!important;width:100%!important;height:480px!important;min-width:0!important;max-width:100%!important;max-height:none!important}
.day-svg .axis-title{font-size:16px!important;font-weight:900!important;fill:#ffe48c!important}.day-svg .axis-label{font-size:15px!important;font-weight:900!important;fill:#f6fcff!important}.day-svg .time-label{font-size:16px!important;font-weight:900!important;fill:#fff!important}
.day-grid{stroke:#f4f8fc31!important;stroke-width:1.35!important}.day-vertical{stroke:#f4f8fc2f!important;stroke-width:1.15!important}
.day-line{stroke:#e6f66f!important;stroke-width:6.4!important;filter:drop-shadow(0 1px 6px rgba(229,246,111,.25))!important}.day-area{fill:#9ce5ff!important;opacity:.12!important}
.day-bubble-high{fill:#ffe270!important;stroke:#fff7c9!important;stroke-width:1.35!important}.day-bubble-low{fill:#397fc4!important;stroke:#c7e6ff!important;stroke-width:1.35!important}.day-svg .event-time{font-size:12px!important;font-weight:900!important}.day-svg .event-height{font-size:12px!important;font-weight:900!important}
.day-high,.day-low{stroke-width:1.6!important}.day-cursor{stroke:#ffd96d!important;stroke-width:2.4!important;stroke-dasharray:5 4!important}.day-selected{stroke:#fff2b9!important;stroke-width:2.3!important}.day-time-pill{fill:#2d96df!important;stroke:#9adeff!important;stroke-width:1.1!important}.day-time-text{font-size:13px!important;font-weight:900!important}
.day-star{font-size:27px!important;fill:#ffe66f!important;stroke:#79570d!important;stroke-width:.55px!important;paint-order:stroke;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))!important}.day-star.selected-star{font-size:30px!important;fill:#fff9bd!important;stroke:#8f6913!important;stroke-width:.72px!important;filter:drop-shadow(0 0 7px rgba(255,231,111,.75))!important}.day-star-highlight{fill:#fff2b51c!important;stroke:#ffe491!important;stroke-width:1.1px!important}
.sunband-day{fill:#ed9e4a!important}.sunband-night{fill:#73d2e4!important}.sunband-label{font-size:10px!important;font-weight:900!important;fill:#f3fbff!important}.sunband-icon{font-size:14px!important;font-weight:900!important}.sunband-marker{stroke:#e3eff833!important;stroke-width:1.1!important}
/* Secondary information is intentionally compact. */
.flow-summary{order:3!important;margin-top:0!important;padding:6px 8px!important;border-radius:10px!important}.flow-head small{font-size:9px!important}.flow-head strong{font-size:15px!important}.flow-direction strong{font-size:14px!important}.flow-track{height:5px!important;margin-top:5px!important}.flow-explanation{display:none!important}
.hero-stats{order:4!important;margin:3px 0!important;padding:4px 0!important}.hero-stats span{font-size:9px!important}.hero-stats strong{font-size:12px!important}.events{order:5!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.event{padding:5px 6px!important;font-size:11px!important;border-radius:8px!important}.overview>.status-note{display:none!important}
.chart-panel,.selected-panel,.calendar-panel,.points-panel,.settings-panel{border-radius:13px!important}.chart-panel .panel-head{padding-top:9px!important}.chart-panel .panel-head h2{font-size:18px!important}.hour-pill{font-size:19px!important;padding:6px 10px!important}.timeline-fixed-label{font-size:11px!important}.hcell,.forecast-cell{font-size:12px!important}.forecast-cell.weather .wx{font-size:18px!important}
.selected-panel{padding:10px!important}.selected-panel h2{font-size:17px!important}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0 2px!important}.metric{padding:8px!important}.metric span{font-size:10px!important}.metric strong{font-size:18px!important}
.bottom-nav{height:58px!important}.bottom-nav button{min-height:56px!important}
@media(max-width:340px){.layout{padding-left:3px!important;padding-right:3px!important}.day-graph{height:460px!important;min-height:460px!important;max-height:460px!important}.day-graph svg,.day-graph .day-svg,.v50-tide-svg{height:460px!important}.day-star{font-size:25px!important}.day-star.selected-star{font-size:28px!important}}
@media(min-width:431px){.layout,.header-inner{max-width:480px!important}.day-graph{height:500px!important;min-height:500px!important;max-height:500px!important}.day-graph svg,.day-graph .day-svg,.v50-tide-svg{height:500px!important}}

.diagnostic-result{white-space:pre-wrap;word-break:break-word;font-size:10px;line-height:1.45;max-height:260px;overflow:auto;background:#071523;border:1px solid #29465f;border-radius:10px;padding:8px;margin-top:8px;color:#cfe5f4}.diagnostic-result:empty{display:none}