/* Phase 127 — Weather lean rebuild for speed and mobile clarity */
body.weatherDeterministicMobile .forecastSuperContainer{
  margin-top:20px;
  padding-bottom:120px;
}

#forecastConsole .forecastConsoleHero--lean{
  display:grid;
  gap:18px;
}

#forecastConsole .forecastHeroIntro{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
}

#forecastConsole .forecastLeanStage{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:18px;
  align-items:start;
}

#forecastConsole .forecastLivePanel{
  display:grid;
  gap:12px;
}

#forecastConsole .forecastFreshnessStrip{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:0;
  border-radius:22px;
  padding:16px 18px;
  box-shadow:0 16px 34px rgba(17,17,17,.12);
}

#forecastConsole .forecastFreshnessStrip strong,
#forecastConsole .forecastFreshnessStrip span{
  display:block;
}

#forecastConsole .forecastFreshnessStrip span{
  margin-top:4px;
  font-size:.92rem;
  color:rgba(255,255,255,.82);
}

#forecastConsole .forecastFreshnessStrip .btn{
  white-space:nowrap;
}

#forecastConsole .forecastSourceLine{
  margin:0;
  border-radius:18px;
  padding:12px 14px;
  background:#fff;
  border:1px solid rgba(17,17,17,.08);
  color:#5f6368;
  font-size:.92rem;
  line-height:1.4;
}

#forecastConsole .forecastLiveMicroGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

#forecastConsole .forecastLiveMicroCard,
#forecastConsole .forecastToolbar--lean,
#forecastConsole .forecastConsoleCard,
#forecastConsole .forecastWindowCard,
#forecastConsole .forecastAdviceCard,
#forecastConsole .forecastCompareCard,
#forecastConsole .forecastDayCard,
#forecastConsole .forecastSpotBoardItem{
  border:1px solid rgba(17,17,17,.08);
  box-shadow:0 12px 28px rgba(17,17,17,.05);
}

#forecastConsole .forecastLiveMicroCard{
  background:#fff;
  border-radius:20px;
  padding:16px;
  display:grid;
  gap:6px;
}

#forecastConsole .forecastLiveMicroCard small{
  color:#7a7f86;
  font-weight:700;
}

#forecastConsole .forecastLiveMicroCard strong{
  font-family:"Inter Tight", Inter, sans-serif;
  font-size:1.18rem;
  line-height:1.06;
}

#forecastConsole .forecastLiveMicroCard span{
  color:#5f6368;
  line-height:1.35;
}

#forecastConsole .forecastToolbar--lean{
  background:linear-gradient(180deg,#ffffff 0%,#faf8f4 100%);
  border-radius:24px;
  padding:18px;
}

#forecastConsole .forecastCompactBar{
  align-items:center;
  gap:10px;
  margin:12px 0 0;
}

#forecastConsole .forecastCompactToggle{
  background:#f4efe5;
  color:#111;
  border-radius:999px;
  padding:10px 14px;
  border:1px solid rgba(17,17,17,.08);
}

#forecastConsole .forecastCompactMeta{
  color:#5f6368;
  font-size:.94rem;
}

#forecastConsole .forecastToolbarSelects{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

#forecastConsole .forecastToolbarSelects label{
  background:#fff;
  border:1px solid rgba(17,17,17,.08);
  border-radius:16px;
  padding:10px 12px;
}

#forecastConsole .forecastToolbarSelects label span{
  display:block;
  color:#70757c;
  font-size:.8rem;
  font-weight:700;
  margin-bottom:4px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#forecastConsole .forecastToolbarSelects select{
  width:100%;
  border:0;
  background:transparent;
  font-weight:700;
  color:#111;
}

#forecastConsole .forecastTabs--lean{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

#forecastConsole .forecastTabs--lean button{
  border-radius:999px;
  padding:11px 14px;
  background:#fff;
  border:1px solid rgba(17,17,17,.08);
  color:#111;
  font-weight:700;
}

#forecastConsole .forecastTabs--lean button.is-active{
  background:#f59a1b;
  box-shadow:0 8px 18px rgba(245,154,27,.22);
}

#forecastConsole .forecastPaneGrid--lean{
  display:grid;
  gap:18px;
}

#forecastConsole .forecastPaneGrid--overviewLite{
  grid-template-columns:minmax(0,1fr) minmax(280px,.88fr);
}

#forecastConsole .forecastConsoleCard{
  border-radius:24px;
  background:#fff;
  padding:18px;
}

#forecastConsole .forecastConsoleCardHead{
  display:grid;
  gap:4px;
  margin-bottom:14px;
}

#forecastConsole .forecastConsoleCardHead b{
  font-family:"Inter Tight", Inter, sans-serif;
  font-size:1.05rem;
}

#forecastConsole .forecastConsoleCardHead small{
  color:#70757c;
}

#forecastConsole .forecastMetricList{
  display:grid;
  gap:10px;
}

#forecastConsole .forecastMetricRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 12px;
  align-items:center;
  padding:12px 14px;
  border-radius:18px;
  background:#f7f4ee;
  border:1px solid rgba(17,17,17,.05);
}

#forecastConsole .forecastMetricRow small,
#forecastConsole .forecastMetricRow strong,
#forecastConsole .forecastMetricRow span{
  min-width:0;
}

#forecastConsole .forecastMetricRow small{
  grid-column:1 / 2;
  color:#70757c;
  font-size:.84rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#forecastConsole .forecastMetricRow strong{
  grid-column:1 / 2;
  font-family:"Inter Tight", Inter, sans-serif;
  font-size:1.28rem;
  line-height:1.08;
}

#forecastConsole .forecastMetricRow span{
  grid-column:2 / 3;
  grid-row:1 / span 2;
  align-self:center;
  color:#5f6368;
  text-align:right;
  font-size:.92rem;
}

#forecastConsole .forecastTideStats{
  display:grid;
  gap:10px;
}

#forecastConsole .forecastTideStats article{
  background:#f7f8fb;
  border:1px solid rgba(17,17,17,.06);
  border-radius:18px;
  padding:14px;
  display:grid;
  gap:4px;
}

#forecastConsole .forecastWindowCards,
#forecastConsole .forecastCompareCards,
#forecastConsole .forecastPlanCards,
#forecastConsole .forecastDayCards{
  display:grid;
  gap:12px;
}

#forecastConsole .forecastWindowCard,
#forecastConsole .forecastAdviceCard,
#forecastConsole .forecastCompareCard,
#forecastConsole .forecastDayCard{
  border-radius:20px;
  padding:16px;
  background:#fff;
}

#forecastConsole .forecastWindowCard div,
#forecastConsole .forecastAdviceCard,
#forecastConsole .forecastCompareMeta,
#forecastConsole .forecastDayRows{
  display:grid;
  gap:6px;
}

#forecastConsole .forecastWindowCard strong,
#forecastConsole .forecastAdviceCard strong,
#forecastConsole .forecastCompareCard strong,
#forecastConsole .forecastDayCard strong,
#forecastConsole .forecastCompareCard b,
#forecastConsole .forecastDayCard b{
  font-family:"Inter Tight", Inter, sans-serif;
}

#forecastConsole .forecastWindowCard small,
#forecastConsole .forecastAdviceCard span,
#forecastConsole .forecastCompareMeta span,
#forecastConsole .forecastDayCard small,
#forecastConsole .forecastDayRows span{
  color:#5f6368;
}

#forecastConsole .forecastBestHoursStrip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

#forecastConsole .forecastHourChip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 12px;
  border-radius:999px;
  background:#f7f4ee;
  border:1px solid rgba(17,17,17,.06);
  color:#111;
  font-weight:700;
}

#forecastConsole .forecastPaneActions{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

#forecastConsole .forecastSpotBoard{
  display:grid;
  gap:10px;
}

#forecastConsole .forecastSpotBoardItem{
  border-radius:20px;
  padding:14px;
  background:#fff;
  text-align:left;
  display:grid;
  gap:4px;
}

#forecastConsole .forecastSpotBoardItem span,
#forecastConsole .forecastSpotBoardItem small{
  color:#5f6368;
}

#forecastConsole .forecastSpotBoardItem b{
  font-family:"Inter Tight", Inter, sans-serif;
  font-size:1.08rem;
}

#forecastConsole .forecastInlineSelect{
  margin-top:12px;
  border-radius:999px;
  padding:10px 14px;
  border:1px solid rgba(17,17,17,.08);
  background:#f7f4ee;
  font-weight:700;
}

#forecastConsole .forecastPlanCards{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

#forecastConsole .forecastPlanCards a{
  border-radius:20px;
  padding:16px;
  background:#f7f4ee;
  border:1px solid rgba(17,17,17,.06);
  display:grid;
  gap:6px;
  color:inherit;
  text-decoration:none;
}

#forecastConsole .forecastPlanCards a strong{
  font-family:"Inter Tight", Inter, sans-serif;
}

#forecastConsole .forecastPlanCards a span{
  color:#5f6368;
}

#forecastConsole .forecastEmptyLine{
  border-radius:18px;
  padding:14px;
  background:#f7f4ee;
  border:1px dashed rgba(17,17,17,.12);
  color:#5f6368;
}

#forecastConsole .forecastPane[hidden]{
  display:none !important;
}

@media (max-width: 1100px){
  #forecastConsole .forecastLeanStage,
  #forecastConsole .forecastPaneGrid--overviewLite{
    grid-template-columns:1fr;
  }
}

@media (max-width: 820px){
  body.weatherDeterministicMobile .forecastSuperContainer{
    padding-bottom:132px;
  }

  #forecastConsole .forecastHeroIntro,
  #forecastConsole .forecastLiveMicroGrid,
  #forecastConsole .forecastPlanCards,
  #forecastConsole .forecastToolbarSelects{
    grid-template-columns:1fr;
  }

  #forecastConsole .forecastTabs--lean{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  #forecastConsole .forecastTabs--lean button:nth-child(4),
  #forecastConsole .forecastTabs--lean button:nth-child(5){
    grid-column:span 1;
  }

  #forecastConsole .forecastFreshnessStrip{
    grid-template-columns:1fr;
  }
}

@media (max-width: 560px){
  #forecastConsole .forecastToolbar--lean,
  #forecastConsole .forecastConsoleCard,
  #forecastConsole .forecastHeroSnapshot,
  #forecastConsole .forecastFreshnessStrip{
    border-radius:20px;
  }

  #forecastConsole .forecastTabs--lean{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #forecastConsole .forecastCompactMeta{
    font-size:.85rem;
  }

  #forecastConsole .forecastHeroDays{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}