/*
 * MeteoSensor Local v0.12.083 — prova editorial controlada.
 * Base exacta: v0.12.077.
 * Objectiu: incorporar disciplina visual editorial sense redissenyar l'aplicació.
 * BLOQUEJAT: família tipogràfica, mides, geometria, HTML, dades, lògica, il·lustracions,
 * capes, màscares, posicions i colors semàntics de temperatura/humitat/pressió/PM.
 * Aquesta capa modifica exclusivament pesos, intensitat cromàtica, separadors, vores,
 * ombres i jerarquia de colors en tema clar. El tema fosc queda intacte.
 */

:root[data-theme="light"]{
  --ed-ink:#121816;
  --ed-text:#1f2723;
  --ed-muted:#68736e;
  --ed-muted-strong:#7b8380;
  --ed-line:#acb8b2;
  --ed-line-soft:#d4dbd7;
  --ed-soft:#f7faf8;
  --ed-soft-2:#fbfcfb;
  --ed-link:#3a5273;
  --ed-shadow:0 2px 7px rgba(28,49,40,.07);
}

/* -------------------------------------------------------------------------
   CAPÇALERA, TÍTOLS I NAVEGACIÓ
   Mateixes mides i geometria de v0.12.077; només es modula pes i intensitat.
   ------------------------------------------------------------------------- */
:root[data-theme="light"] .topbar .brand,
:root[data-theme="light"] .now-topbar .brand{
  color:var(--ed-ink)!important;
  font-weight:800!important;
}
:root[data-theme="light"] .now-topbar .station-name,
:root[data-theme="light"] .topbar .status{
  font-weight:750!important;
}
:root[data-theme="light"] .v19-screen-heading h1,
:root[data-theme="light"] .charts-v012005 .v19-screen-heading h1,
:root[data-theme="light"] .forecast-v012005 .v19-screen-heading h1,
:root[data-theme="light"] .config-page .page-title,
:root[data-theme="light"] .help-v012003 .page-title{
  color:var(--ed-ink)!important;
  font-weight:800!important;
}
:root[data-theme="light"] .v19-screen-heading p,
:root[data-theme="light"] .charts-v012005 .v19-screen-heading p,
:root[data-theme="light"] .forecast-v012005 .v19-screen-heading p{
  font-weight:750!important;
}
:root[data-theme="light"] .topbar .iconbtn,
:root[data-theme="light"] .now-topbar .iconbtn{
  box-shadow:none!important;
  border-color:var(--ed-line)!important;
}
:root[data-theme="light"] .bottomnav{
  border-top-color:var(--ed-line-soft)!important;
  box-shadow:0 -2px 8px rgba(28,49,40,.05)!important;
}
:root[data-theme="light"] .bottomnav .navbtn{
  font-weight:650!important;
}
:root[data-theme="light"] .bottomnav .navbtn.active{
  font-weight:800!important;
  box-shadow:none!important;
}

/* -------------------------------------------------------------------------
   ARA — PRESERVACIÓ TOTAL DE TARGETES, DIBUIXOS I COLORS SEMÀNTICS
   La jerarquia es resol amb pes i grisos, no reduint cap mida.
   ------------------------------------------------------------------------- */
:root[data-theme="light"] .now-page .metric-name,
:root[data-theme="light"] .now-page .metric-sub{
  font-weight:800!important;
}
:root[data-theme="light"] .now-page .label:not(.trend-label),
:root[data-theme="light"] .now-page .period-label,
:root[data-theme="light"] .now-page .trend .period{
  color:var(--ed-muted)!important;
  font-weight:600!important;
}
:root[data-theme="light"] .now-page .metric-value{
  font-weight:900!important;
}
:root[data-theme="light"] .now-page .data-value{
  font-weight:750!important;
}
:root[data-theme="light"] .now-page .trend-label,
:root[data-theme="light"] .now-page .trend-value,
:root[data-theme="light"] .now-page .trend .verb,
:root[data-theme="light"] .now-page .trend .delta{
  font-weight:800!important;
}
:root[data-theme="light"] .now-page .noise-title{
  font-weight:800!important;
}
:root[data-theme="light"] .now-page .noise-future{
  color:var(--ed-muted)!important;
  font-weight:550!important;
}
:root[data-theme="light"] .now-page .noise-pending{
  color:var(--ed-text)!important;
  font-weight:700!important;
}
:root[data-theme="light"] .now-page .connection-card{
  box-shadow:var(--ed-shadow)!important;
}
:root[data-theme="light"] .now-page .connection-state{
  font-weight:800!important;
}
:root[data-theme="light"] .now-page .connection-label,
:root[data-theme="light"] .now-page .connection-hint-line,
:root[data-theme="light"] .now-page .connection-hint{
  color:var(--ed-muted)!important;
  font-weight:550!important;
}

/* -------------------------------------------------------------------------
   COMPONENTS DE LECTURA / HISTORIAL
   ------------------------------------------------------------------------- */
:root[data-theme="light"] .detail{
  box-shadow:0 -4px 18px rgba(28,49,40,.08)!important;
}
:root[data-theme="light"] .detail-title{
  font-weight:800!important;
}
:root[data-theme="light"] .detail-meta,
:root[data-theme="light"] .history-ago,
:root[data-theme="light"] .source-note{
  color:var(--ed-muted)!important;
}
:root[data-theme="light"] .history-row{
  background:var(--ed-soft-2)!important;
  border-color:var(--ed-line-soft)!important;
  box-shadow:none!important;
}
:root[data-theme="light"] .history-time{
  font-weight:650!important;
}
:root[data-theme="light"] .history-val,
:root[data-theme="light"] .detail-current{
  color:var(--ed-ink)!important;
  font-weight:800!important;
}
:root[data-theme="light"] .source-note a,
:root[data-theme="light"] .detail a{
  color:var(--ed-link)!important;
}

/* -------------------------------------------------------------------------
   PREVISIÓ — CAPSES MÉS PLANES, ETIQUETA GRISA + VALOR NEGRE
   No es modifica cap mida, posició, separació, radi ni estructura.
   ------------------------------------------------------------------------- */
:root[data-theme="light"] .forecast-v012005.ui-system-master>.v5-forecast-status,
:root[data-theme="light"] .forecast-v012005.ui-system-master>.v4-forecast-hero,
:root[data-theme="light"] .forecast-v012005.ui-system-master>.v4-hourly,
:root[data-theme="light"] .forecast-v012005.ui-system-master>.v4-daily-list,
:root[data-theme="light"] .forecast-v012005.ui-system-master>.v4-details,
:root[data-theme="light"] .forecast-v012005.ui-system-master>.v4-air,
:root[data-theme="light"] .forecast-v012005.ui-system-master>.v4-compare,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-astro>.v4-celestial,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-astro>.v4-phase{
  background:var(--ed-soft-2)!important;
  border-color:var(--ed-line)!important;
  box-shadow:var(--ed-shadow)!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-section-title h2,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v64-forecast-details>h3,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-air>h3{
  font-weight:800!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3{
  color:var(--ed-ink)!important;
  font-weight:800!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v47-temperature-extremes .v4-field>label,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v47-hero-summary .v4-field>label,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v64-detail-fields .v4-field>label,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-field>label,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v5-range>label,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v55-feels-row,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-location small{
  color:var(--ed-muted)!important;
  font-weight:650!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v47-temperature-extremes .v4-value-box,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v47-hero-summary .v4-value-box,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v64-detail-fields .v4-value-box,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v5-range .v4-value-box,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-fields .v4-value-box{
  background:#fff!important;
  border-color:var(--ed-line)!important;
  box-shadow:none!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-measure,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v55-current-row>.v4-measure{
  color:var(--ed-ink)!important;
  font-weight:800!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v64-forecast-details,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-daily-list>header,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-day-row,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-compare article,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-cape,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-card>footer{
  border-color:var(--ed-line-soft)!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-daily-list>header,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-day-name small,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-day-temps>span>small,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-day-rain>span,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-celestial-times b,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-celestial>p,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-phase>div>span,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-phase small,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-attribution,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-card>footer{
  color:var(--ed-muted)!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-daily-list>header,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-day-name small,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-field>label{
  font-weight:650!important;
}
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-card a,
:root[data-theme="light"] .forecast-v012005.ui-system-master .v4-attribution a,
:root[data-theme="light"] .forecast-v012005.ui-system-master footer a{
  color:var(--ed-link)!important;
}

/* -------------------------------------------------------------------------
   GRÀFIQUES — ESTADÍSTICA EDITORIAL: ETIQUETA GRISA, VALOR FORT
   ------------------------------------------------------------------------- */
:root[data-theme="light"] .charts-v012005.ui-system-master>.v3-period-panel,
:root[data-theme="light"] .charts-v012005.ui-system-master>.chart-load-status,
:root[data-theme="light"] .charts-v012005.ui-system-master>.history-status-card,
:root[data-theme="light"] .charts-v012005.ui-system-master>.v4-chart-card,
:root[data-theme="light"] .charts-v012005.ui-system-master>.v3-noise-empty{
  background:var(--ed-soft-2)!important;
  border-color:var(--ed-line)!important;
  box-shadow:var(--ed-shadow)!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-chart-title h2,
:root[data-theme="light"] .charts-v012005.ui-system-master .v3-chart-title h2{
  font-weight:800!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-stats>div{
  background:var(--ed-soft)!important;
  border-color:var(--ed-line-soft)!important;
  box-shadow:none!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-stats>div>span:first-child,
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-chart-meta,
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-multi-legend,
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-chart-card>footer,
:root[data-theme="light"] .charts-v012005.ui-system-master .v5-period-notes,
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-stat-empty{
  color:var(--ed-muted)!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-stats>div>span:first-child{
  font-weight:650!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-stats .v4-measure{
  color:var(--ed-ink)!important;
  font-weight:800!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-chart-svg .v4-ytext,
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-chart-svg .v4-xtext,
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-chart-svg .v4-axis-unit{
  fill:var(--ed-muted)!important;
  font-weight:650!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master .v4-chart-card>footer{
  border-color:var(--ed-line-soft)!important;
}
:root[data-theme="light"] .charts-v012005.ui-system-master a,
:root[data-theme="light"] .charts-v012005.ui-system-master footer a{
  color:var(--ed-link)!important;
}

/* -------------------------------------------------------------------------
   CONFIGURACIÓ — MENYS "BOTÓ A TOT ARREU", SENSE CANVIAR CAP CONTROL
   ------------------------------------------------------------------------- */
:root[data-theme="light"] .config-page.ui-system-master>.config-section{
  background:var(--ed-soft-2)!important;
  border-color:var(--ed-line)!important;
  box-shadow:var(--ed-shadow)!important;
}
:root[data-theme="light"] .config-page.ui-system-master .config-section h2,
:root[data-theme="light"] .config-page.ui-system-master .config-summary,
:root[data-theme="light"] .config-page.ui-system-master .widget-name{
  font-weight:800!important;
}
:root[data-theme="light"] .config-page.ui-system-master .field label,
:root[data-theme="light"] .config-page.ui-system-master .version-row span,
:root[data-theme="light"] .config-page.ui-system-master .field-help,
:root[data-theme="light"] .config-page.ui-system-master .field-note,
:root[data-theme="light"] .config-page.ui-system-master .saved-copy span,
:root[data-theme="light"] .config-page.ui-system-master .install-preview span,
:root[data-theme="light"] .config-page.ui-system-master .release-notes,
:root[data-theme="light"] .config-page.ui-system-master .config-footer,
:root[data-theme="light"] .config-page.ui-system-master .widget-future{
  color:var(--ed-muted)!important;
}
:root[data-theme="light"] .config-page.ui-system-master .field label,
:root[data-theme="light"] .config-page.ui-system-master .version-row span{
  font-weight:650!important;
}
:root[data-theme="light"] .config-page.ui-system-master .field input,
:root[data-theme="light"] .config-page.ui-system-master .field select,
:root[data-theme="light"] .config-page.ui-system-master .current-station-section .field input,
:root[data-theme="light"] .config-page.ui-system-master .current-station-section .field select{
  background:#fff!important;
  border-color:var(--ed-line)!important;
  color:var(--ed-ink)!important;
  font-weight:750!important;
  box-shadow:none!important;
}
:root[data-theme="light"] .config-page.ui-system-master .config-secondary,
:root[data-theme="light"] .config-page.ui-system-master details.advanced-sensors,
:root[data-theme="light"] .config-page.ui-system-master .language-buttons button,
:root[data-theme="light"] .config-page.ui-system-master .saved-actions button{
  background:var(--ed-soft)!important;
  border-color:var(--ed-line)!important;
  color:var(--ed-text)!important;
  box-shadow:none!important;
}
:root[data-theme="light"] .config-page.ui-system-master .language-buttons button.active{
  background:var(--ui-primary-bg)!important;
  border-color:var(--ui-primary-border)!important;
  color:var(--ui-primary-text)!important;
}
:root[data-theme="light"] .config-page.ui-system-master a,
:root[data-theme="light"] .config-page.ui-system-master .source-line a{
  color:var(--ed-link)!important;
}

/* -------------------------------------------------------------------------
   AJUDA I TEXTOS EXPLICATIUS — LECTURA ABANS QUE DECORACIÓ
   ------------------------------------------------------------------------- */
:root[data-theme="light"] .help-v012003 .help-section,
:root[data-theme="light"] .help-v012003 .help-card,
:root[data-theme="light"] .forecast-help-body,
:root[data-theme="light"] .environment-reading{
  box-shadow:none!important;
}
:root[data-theme="light"] .help-v012003 .help-section summary,
:root[data-theme="light"] .forecast-help-body h3,
:root[data-theme="light"] .environment-topic-label{
  color:var(--ed-ink)!important;
  font-weight:750!important;
}
:root[data-theme="light"] .help-v012003 .help-section-body>p,
:root[data-theme="light"] .help-v012003 .help-section-body li,
:root[data-theme="light"] .forecast-help-body p,
:root[data-theme="light"] .environment-reading p{
  color:var(--ed-text)!important;
  font-weight:450!important;
}
:root[data-theme="light"] .help-v012003 .help-links a,
:root[data-theme="light"] .forecast-help-source a,
:root[data-theme="light"] .environment-reading a{
  color:var(--ed-link)!important;
}
:root[data-theme="light"] .help-v012003 .help-links,
:root[data-theme="light"] .forecast-help-source{
  color:var(--ed-muted)!important;
}