/* Kelvio Explore Light v2 — 2026-09-06
   Final light-theme overrides for the seven Explore product pages.
   Keeps map tiles/visualisations intact while removing legacy navy UI surfaces. */
body[data-explore-page]{
  background:
    radial-gradient(circle at 8% 6%,rgba(93,219,205,.16),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(126,165,255,.13),transparent 30%),
    linear-gradient(180deg,#fbfefd 0%,#f4faf9 58%,#fbfcff 100%) !important;
  color:#10233f !important;
}
body[data-explore-page],
body[data-explore-page] button,
body[data-explore-page] input,
body[data-explore-page] textarea,
body[data-explore-page] select{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Explore product switcher */
body[data-explore-page] .explore-command-bar{
  background:rgba(255,255,255,.92) !important;
  border-top:1px solid rgba(16,35,63,.06) !important;
  border-bottom:1px solid rgba(16,35,63,.10) !important;
  box-shadow:0 8px 24px rgba(31,67,95,.05) !important;
}
body[data-explore-page] .explore-command-inner a,
body[data-explore-page] .explore-command-inner button{
  color:#47627f !important;
  background:transparent !important;
}
body[data-explore-page] .explore-command-inner a:hover,
body[data-explore-page] .explore-command-inner button:hover{
  background:#eef9f6 !important;
  color:#0e9f89 !important;
}
body[data-explore-page] .explore-command-inner a[aria-current="page"]{
  background:rgba(25,183,157,.10) !important;
  color:#0d9e88 !important;
  box-shadow:inset 0 -2px 0 #20bea4 !important;
}

/* Main Explore cards and shells */
body[data-explore-page] .tool-panel,
body[data-explore-page] .search-panel,
body[data-explore-page] .panel,
body[data-explore-page] .compare-search-box,
body[data-explore-page] .match-preferences-v17,
body[data-explore-page] .match-results-v17,
body[data-explore-page] .match-result-v17,
body[data-explore-page] .workspace-index-v19,
body[data-explore-page] .workspace-shortcuts-v19 a,
body[data-explore-page] .contribution-shell-v21,
body[data-explore-page] .contribution-steps-v21 li,
body[data-explore-page] .sun-form-v22,
body[data-explore-page] .sun-result-v22,
body[data-explore-page] .sun-metrics-v22 div,
body[data-explore-page] .pro-section-v20,
body[data-explore-page] .pro-section-overlay-v20>div{
  background:rgba(255,255,255,.90) !important;
  border-color:rgba(16,35,63,.10) !important;
  color:#10233f !important;
  box-shadow:0 16px 44px rgba(31,67,95,.07) !important;
}
body[data-explore-page] .compare-row,
body[data-explore-page] .compare-head,
body[data-explore-page] .comparison-board,
body[data-explore-page] .match-results-head-v17{
  border-color:rgba(16,35,63,.09) !important;
}
body[data-explore-page] .compare-evidence{background:#f7fbfa !important}
body[data-explore-page] .match-slider-list-v17 label{
  background:#f7fbfa !important;
  border-color:rgba(16,35,63,.10) !important;
}
body[data-explore-page] .match-slider-list-v17 label span,
body[data-explore-page] .match-intro-v17 h3,
body[data-explore-page] .match-result-v17 strong,
body[data-explore-page] .compare-head strong,
body[data-explore-page] .ranking-row strong{
  color:#17304e !important;
}
body[data-explore-page] .match-intro-v17 p,
body[data-explore-page] .match-result-v17 small,
body[data-explore-page] .match-results-head-v17 small,
body[data-explore-page] .match-evidence-v17,
body[data-explore-page] .compare-row>span,
body[data-explore-page] .compare-disclaimer,
body[data-explore-page] .ranking-method-note{
  color:#667b91 !important;
}

/* Rate page */
body[data-explore-page="rate"] .contribution-shell-v21{
  background:linear-gradient(135deg,rgba(242,251,249,.96),rgba(247,249,255,.96)) !important;
}
body[data-explore-page="rate"] .contribution-steps-v21 b{
  background:rgba(25,183,157,.12) !important;
  color:#0d9e88 !important;
}
body[data-explore-page="rate"] .contribution-steps-v21 strong{color:#17304e !important}
body[data-explore-page="rate"] .contribution-steps-v21 small{color:#6c8096 !important}

/* Compare / Rankings */
body[data-explore-page] .ranking-controls select,
body[data-explore-page] .field select,
body[data-explore-page] .sun-fields-v22 input,
body[data-explore-page] .sun-fields-v22 select{
  background:#fff !important;
  border-color:rgba(16,35,63,.13) !important;
  color:#17304e !important;
}
body[data-explore-page] .ranking-row{
  background:rgba(255,255,255,.90) !important;
  border-color:rgba(16,35,63,.09) !important;
  color:#17304e !important;
  box-shadow:0 8px 24px rgba(31,67,95,.04) !important;
}
body[data-explore-page] .ranking-row:hover{background:#eef9f6 !important}
body[data-explore-page] .rank-bar{background:rgba(16,35,63,.08) !important}

/* Map: keep the actual map dark/visual, make controls and insight panel light */
body[data-explore-page="map"] .map-layer-pills button{
  background:#fff !important;
  color:#355674 !important;
  border-color:rgba(16,35,63,.13) !important;
}
body[data-explore-page="map"] .map-layer-pills button.active{
  background:#59d7c5 !important;
  border-color:#59d7c5 !important;
  color:#08263a !important;
}
body[data-explore-page="map"] .map-shell-v16{
  background:#fff !important;
  border-color:rgba(16,35,63,.11) !important;
  box-shadow:0 18px 50px rgba(31,67,95,.08) !important;
}
body[data-explore-page="map"] .map-insight-panel-v16{
  background:linear-gradient(180deg,#ffffff,#f5faf9) !important;
  color:#10233f !important;
}
body[data-explore-page="map"] .map-insight-panel-v16 h3{color:#17304e !important}
body[data-explore-page="map"] .map-insight-panel-v16 p,
body[data-explore-page="map"] .map-panel-score span,
body[data-explore-page="map"] .map-mini-stats span,
body[data-explore-page="map"] .map-attribution-note{color:#667b91 !important}
body[data-explore-page="map"] .map-panel-score,
body[data-explore-page="map"] .map-mini-stats div{
  background:#f7fbfa !important;
  border-color:rgba(16,35,63,.10) !important;
}
body[data-explore-page="map"] .map-mini-stats strong{color:#17304e !important}

/* Sun / proximity / air quality */
body[data-explore-page] .sunlight-section-v22{
  background:linear-gradient(180deg,rgba(255,250,236,.55),rgba(247,251,250,.72)) !important;
}
body[data-explore-page] .sun-fields-v22 label span,
body[data-explore-page] .sun-method-note-v22,
body[data-explore-page] .sun-location-v22 span,
body[data-explore-page] .sun-result-v22>p,
body[data-explore-page] .sun-metrics-v22 span{color:#667b91 !important}
body[data-explore-page] .sun-gauge-v22{background:rgba(16,35,63,.09) !important}
body[data-explore-page] .sun-building-results-v30,
body[data-explore-page] .prox-results{
  background:#fff !important;
  border-color:rgba(16,35,63,.13) !important;
  box-shadow:0 20px 50px rgba(31,67,95,.16) !important;
  color:#17304e !important;
}

/* Generic old dark inline cards used by Proximity / Air Quality */
body[data-explore-page] [style*="background:#0b1526"],
body[data-explore-page] [style*="background: #0b1526"],
body[data-explore-page] [style*="background:#081426"],
body[data-explore-page] [style*="background: #081426"],
body[data-explore-page] [style*="background:#071321"],
body[data-explore-page] [style*="background: #071321"]{
  background:#fff !important;
  color:#17304e !important;
  border-color:rgba(16,35,63,.12) !important;
}

/* Text normalization */
body[data-explore-page] h1,
body[data-explore-page] h2,
body[data-explore-page] h3,
body[data-explore-page] h4,
body[data-explore-page] strong{color:#10233f}
body[data-explore-page] p,
body[data-explore-page] small{color:#667b91}
body[data-explore-page] .section-kicker,
body[data-explore-page] .eyebrow,
body[data-explore-page] .map-panel-kicker,
body[data-explore-page] .match-results-head-v17 span{color:#0d9e88 !important}

@media(max-width:760px){
  body[data-explore-page] .explore-command-bar{background:rgba(255,255,255,.96) !important}
}