/* MeteoSensor Local v0.13.001 — ajustos quirúrgics de Previsió.
   Base exacta v0.12.098. No redefineix l'arquitectura global ni les icones. */

/* Més aire real sobre la barra inferior fixa, especialment al final dels 15 dies. */
:root[data-theme] .forecast-v012005.ui-system-master{
  padding-bottom:calc(var(--app-bar-height) + 32px + env(safe-area-inset-bottom))!important;
}

/* Jerarquia: etiquetes secundàries menys pesades; mides, dades i títols no canvien. */
:root[data-theme] .forecast-v012005.ui-system-master .v47-temperature-extremes .v4-field>label,
:root[data-theme] .forecast-v012005.ui-system-master .v64-detail-fields .v4-field>label,
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-fields>.v4-field>label,
:root[data-theme] .forecast-v012005.ui-system-master .v4-pollen label,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row>span:first-child,
:root[data-theme] .forecast-v012005.ui-system-master .v4-day-temps>span>small{
  font-weight:500!important;
}

/* Les columnes i files guanyen affordance de segon nivell sense canviar geometria. */
:root[data-theme] .forecast-v012005.ui-system-master .v13001-hour-hit,
:root[data-theme] .forecast-v012005.ui-system-master .v13001-day-hit{
  cursor:pointer!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13001-hour-hit:focus-visible,
:root[data-theme] .forecast-v012005.ui-system-master .v13001-day-hit:focus-visible{
  outline:2px solid color-mix(in srgb,var(--arch-accent) 65%,transparent)!important;
  outline-offset:-2px!important;
}
@media(hover:hover){
  :root[data-theme] .forecast-v012005.ui-system-master .v13001-hour-hit:hover,
  :root[data-theme] .forecast-v012005.ui-system-master .v13001-day-hit:hover{
    background:color-mix(in srgb,var(--arch-accent) 5%,transparent)!important;
  }
}

/* La barra EU AQI continua tenint la mateixa escala/farciment; el punt marca el valor. */
:root[data-theme] .forecast-v012005.ui-system-master .v13001-aqi-track{
  position:relative!important;
  overflow:hidden!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13001-aqi-marker{
  position:absolute!important;
  top:50%!important;
  width:13px!important;
  height:13px!important;
  box-sizing:border-box!important;
  border:2px solid var(--arch-text)!important;
  border-radius:50%!important;
  background:var(--arch-panel)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--arch-panel) 70%,transparent)!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}

/* Diferència sensor-model: informació de tercer nivell, sense competir amb els camps. */
:root[data-theme] .forecast-v012005.ui-system-master .v13001-compare-delta{
  margin-top:7px!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-meta)!important;
  text-align:center!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13001-compare-delta strong{
  color:var(--arch-text)!important;
  font-size:inherit!important;
  font-weight:var(--arch-fw-label)!important;
}

/* Detalls d'hora i dia: mateixa modal i mateix vocabulari visual de l'app. */
.detail .v13001-title-symbol{
  display:inline-grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  font-size:34px!important;
  line-height:1!important;
}
.detail .v13001-detail-hero,
.detail .v13001-day-hero{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:10px 0 12px!important;
  padding:12px 14px!important;
  border:1px solid var(--arch-divider)!important;
  border-radius:var(--arch-radius-control)!important;
  background:var(--arch-panel-soft)!important;
}
.detail .v13001-detail-symbol{
  flex:0 0 auto!important;
  font-size:48px!important;
  line-height:1!important;
}
.detail .v13001-detail-hero>div,
.detail .v13001-day-hero>div{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.detail .v13001-detail-hero strong,
.detail .v13001-day-hero strong{
  color:var(--arch-text)!important;
  font-size:26px!important;
  font-weight:var(--arch-fw-data)!important;
  line-height:1.05!important;
}
.detail .v13001-detail-hero strong small,
.detail .v13001-day-hero strong small,
.detail .v13001-detail-field strong small,
.detail .v13001-period-main strong small{
  font-size:.7em!important;
  font-weight:inherit!important;
}
.detail .v13001-detail-hero>div>span,
.detail .v13001-day-hero>div>span{
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-body)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:1.3!important;
}
.detail .v13001-range-sep{margin:0 5px!important;color:var(--arch-text-2)!important;}
.detail .v13001-model-note{
  margin:0 2px 12px!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-meta)!important;
}
.detail .v13001-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.detail .v13001-detail-field{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
.detail .v13001-detail-field>span{
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:500!important;
  line-height:1.22!important;
}
.detail .v13001-detail-field>strong{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  padding:9px 8px!important;
  border:1px solid var(--arch-border)!important;
  border-radius:var(--arch-radius-control)!important;
  background:var(--arch-control)!important;
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-data)!important;
  font-weight:var(--arch-fw-data)!important;
  line-height:1.05!important;
  text-align:center!important;
}
.detail .v13001-detail-source{
  display:grid!important;
  gap:4px!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--arch-divider)!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-meta)!important;
}
.detail .v13001-detail-source strong{color:var(--arch-text)!important;font-weight:var(--arch-fw-strong)!important;}

.detail .v13001-day-summary{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-left:3px solid var(--arch-accent)!important;
  background:var(--arch-panel-soft)!important;
}
.detail .v13001-day-summary>strong{
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-label)!important;
  font-weight:var(--arch-fw-label)!important;
}
.detail .v13001-day-summary>p{
  margin:4px 0 0!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-body)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-body)!important;
}
.detail .v13001-period-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 12px!important;
}
.detail .v13001-period-card{
  min-width:0!important;
  padding:10px 8px!important;
  border:1px solid var(--arch-divider)!important;
  border-radius:var(--arch-radius-control)!important;
  background:var(--arch-panel-soft)!important;
  text-align:center!important;
}
.detail .v13001-period-card>h3{
  margin:0 0 7px!important;
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-label)!important;
  font-weight:var(--arch-fw-label)!important;
}
.detail .v13001-period-main{
  display:grid!important;
  justify-items:center!important;
  gap:5px!important;
}
.detail .v13001-period-main>span{font-size:34px!important;line-height:1!important;}
.detail .v13001-period-main>div{display:grid!important;gap:3px!important;}
.detail .v13001-period-main strong{font-size:var(--arch-fs-data)!important;font-weight:var(--arch-fw-data)!important;}
.detail .v13001-period-main p{
  margin:0!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:1.2!important;
}
.detail .v13001-period-meta{
  display:grid!important;
  gap:3px!important;
  margin-top:8px!important;
  padding-top:7px!important;
  border-top:1px solid var(--arch-divider)!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:1.2!important;
}
.detail .v13001-day-metrics{margin-top:0!important;}

@media(max-width:430px){
  .detail .v13001-period-grid{grid-template-columns:1fr!important;}
  .detail .v13001-period-card{display:grid!important;grid-template-columns:72px 1fr!important;column-gap:8px!important;align-items:center!important;text-align:left!important;}
  .detail .v13001-period-card>h3{grid-column:1/-1!important;text-align:left!important;}
  .detail .v13001-period-main{grid-template-columns:44px 1fr!important;justify-items:start!important;text-align:left!important;}
  .detail .v13001-period-main>span{font-size:32px!important;}
  .detail .v13001-period-meta{margin:0!important;padding:0!important;border-top:0!important;text-align:right!important;}
}