/* MeteoPutignano · Theme Pilot 1.0 · Stat.asp only.
   No styling is applied without data-mp-theme="dark". */
.mp-theme-switch{display:inline-flex;align-items:center;gap:5px;margin-left:12px;padding:4px;border-radius:12px;background:rgba(16,64,92,.08);border:1px solid rgba(79,123,146,.16);white-space:nowrap}
.mp-theme-switch button{appearance:none;border:0;border-radius:9px;background:transparent;color:var(--ink,#16394c);font:700 11px/1.2 inherit;font-family:inherit;font-size:11px;font-weight:750;padding:8px 9px;cursor:pointer}
.mp-theme-switch button[aria-pressed="true"]{background:#237ea5;color:#fff;box-shadow:0 2px 8px #102c4920}
.mp-theme-switch button:focus-visible{outline:2px solid #52b9eb;outline-offset:2px}

/* The site remains pixel-identical in Light: only dark-specific rules follow. */
html[data-mp-theme="dark"]{color-scheme:dark;--ink:#e5eef5;--muted:#a0b5c4;--line:rgba(170,206,229,.16);--glass:rgba(24,34,47,.94);--shadow:0 18px 50px rgba(0,0,0,.3)}
html[data-mp-theme="dark"] body.mp-analysis{background:#0b111b;color:#e6eef6}
html[data-mp-theme="dark"] .sky-glow{opacity:.16}
html[data-mp-theme="dark"] .site-header{background:rgba(13,22,34,.96);border-bottom-color:#314457}
html[data-mp-theme="dark"] .site-header .brand,html[data-mp-theme="dark"] .site-header .brand strong,html[data-mp-theme="dark"] .top-nav a{color:#e4eef8}
html[data-mp-theme="dark"] .top-nav a.active{color:#8bd4ff}
html[data-mp-theme="dark"] .mp-theme-switch{background:#172639;border-color:#37516a}
html[data-mp-theme="dark"] .mp-theme-switch button{color:#d7e6f2}
html[data-mp-theme="dark"] .mp-theme-switch button[aria-pressed="true"]{background:#2c83af;color:white}
html[data-mp-theme="dark"] .analysis-hero{box-shadow:0 20px 45px #0005}
html[data-mp-theme="dark"] .a-kpi,html[data-mp-theme="dark"] .a-panel,html[data-mp-theme="dark"] .a-brief,html[data-mp-theme="dark"] .a-interpret,html[data-mp-theme="dark"] .a-extreme{background:#182434;border-color:#304457;box-shadow:0 8px 24px #0003}
html[data-mp-theme="dark"] .a-panel h3,html[data-mp-theme="dark"] .a-interpret h3,html[data-mp-theme="dark"] .a-brief strong{color:#acdfff}
html[data-mp-theme="dark"] .a-kpi strong,html[data-mp-theme="dark"] .a-extreme strong{color:#7cc9fa}
html[data-mp-theme="dark"] .a-kpi small,html[data-mp-theme="dark"] .a-kpi span,html[data-mp-theme="dark"] .a-extreme small,html[data-mp-theme="dark"] .a-extreme span,html[data-mp-theme="dark"] .a-section-title p,html[data-mp-theme="dark"] .a-comment,html[data-mp-theme="dark"] .a-interpret p,html[data-mp-theme="dark"] .a-brief,html[data-mp-theme="dark"] .a-source,html[data-mp-theme="dark"] .mini,html[data-mp-theme="dark"] .unit{color:#b7cad9}
html[data-mp-theme="dark"] .a-caveat,html[data-mp-theme="dark"] .a-bandlegend span{background:#202f41;color:#c8d9e7;border-color:#344e64}
html[data-mp-theme="dark"] .a-signal{background:#19354a;color:#9ddcf3;border-color:#35617a}
html[data-mp-theme="dark"] .a-signal.hot{background:#463322;color:#f7c997;border-color:#795339}
html[data-mp-theme="dark"] .a-signal.cold{background:#253654;color:#bbd2ff;border-color:#445980}
html[data-mp-theme="dark"] .a-axis{fill:#a9c2d4}
html[data-mp-theme="dark"] .a-gridline{stroke:#405467}
html[data-mp-theme="dark"] .a-curve{stroke:#5ac8f5}
html[data-mp-theme="dark"] .a-area{fill:#5ac8f5}
/* Static SVG chart labels, where present, must stay readable. */
html[data-mp-theme="dark"] .a-chart svg text:not([class]){fill:#b9cede}
html[data-mp-theme="dark"] .site-footer{color:#b9ccda;background:#101b29;border-color:#314457}
html[data-mp-theme="dark"] .site-footer strong{color:#e4eef7}

/* Theme Pilot V1.1: Condizioni colonna d'aria (solo interfaccia, Canvas invariato) */
html[data-mp-theme="dark"] body.mp-analysis .sky-lab-card{
  background:#182434;
  border-color:#304457;
  box-shadow:0 8px 24px rgba(0,0,0,.20);
}
html[data-mp-theme="dark"] body.mp-analysis .sky-lab-card .card-head h2{color:#e3eff9}
html[data-mp-theme="dark"] body.mp-analysis .sky-time{
  background:linear-gradient(115deg,#1c3043,#162638);
  border-color:#355169;
}
html[data-mp-theme="dark"] body.mp-analysis .sky-time-top small,
html[data-mp-theme="dark"] body.mp-analysis #skyTimeLead,
html[data-mp-theme="dark"] body.mp-analysis .sky-time-note{color:#abc9dc}
html[data-mp-theme="dark"] body.mp-analysis #skyTimeDate{color:#e6f0fa}
html[data-mp-theme="dark"] body.mp-analysis .sky-time button{
  background:#263b50;
  border-color:#41617b;
  color:#e1f0fa;
}
html[data-mp-theme="dark"] body.mp-analysis .sky-time button:hover:not(:disabled){background:#31516a}
html[data-mp-theme="dark"] body.mp-analysis .sky-atmo-head{border-bottom-color:#344d63}
html[data-mp-theme="dark"] body.mp-analysis .sky-atmo-head small{color:#a3c0d2}
html[data-mp-theme="dark"] body.mp-analysis .sky-atmo-head strong{color:#d5e5f0}
html[data-mp-theme="dark"] body.mp-analysis .sky-atmo-item{
  background:linear-gradient(180deg,#203346,#1a2a3b);
  border-color:#334d63;
}
html[data-mp-theme="dark"] body.mp-analysis .sky-atmo-item span{color:#afc6d6}
html[data-mp-theme="dark"] body.mp-analysis .sky-atmo-item strong{color:#e4f1fa}
html[data-mp-theme="dark"] body.mp-analysis .sky-atmo-item small{color:#97b2c5}
html[data-mp-theme="dark"] body.mp-analysis .convective-foot{color:#a7bece}

/* Home Pilot V1.2 - esclusivamente default.asp; Light rimane intatto. */
html[data-mp-theme="dark"] body.mp-home{background:#0b111b;color:#e2edf6}
html[data-mp-theme="dark"] body.mp-home .sky-glow{opacity:.12}
html[data-mp-theme="dark"] body.mp-home .site-header{background:rgba(13,22,34,.96);border-bottom-color:#314457}
html[data-mp-theme="dark"] body.mp-home .site-header .brand,
html[data-mp-theme="dark"] body.mp-home .site-header .brand strong,
html[data-mp-theme="dark"] body.mp-home .top-nav a{color:#e4eef8}
html[data-mp-theme="dark"] body.mp-home .top-nav a.active{color:#8bd4ff}
html[data-mp-theme="dark"] body.mp-home .mp-theme-switch{background:#172639;border-color:#37516a}
html[data-mp-theme="dark"] body.mp-home .mp-theme-switch button{color:#d7e6f2}
html[data-mp-theme="dark"] body.mp-home .mp-theme-switch button[aria-pressed="true"]{background:#2c83af;color:white}
html[data-mp-theme="dark"] body.mp-home .card,
html[data-mp-theme="dark"] body.mp-home .climate-lab,
html[data-mp-theme="dark"] body.mp-home .forecast-lab,
html[data-mp-theme="dark"] body.mp-home .mp-map-card,
html[data-mp-theme="dark"] body.mp-home .webcam-card{background:#182434;border-color:#304457;box-shadow:0 8px 24px #0003}
html[data-mp-theme="dark"] body.mp-home .card-head h2,
html[data-mp-theme="dark"] body.mp-home .subhead h3,
html[data-mp-theme="dark"] body.mp-home .solar-calendar-foot strong{color:#e3eef7}
html[data-mp-theme="dark"] body.mp-home .kicker,
html[data-mp-theme="dark"] body.mp-home .subhead small{color:#8fc9ed}
html[data-mp-theme="dark"] body.mp-home .atmo-note,
html[data-mp-theme="dark"] body.mp-home .chart-note,
html[data-mp-theme="dark"] body.mp-home .card-foot,
html[data-mp-theme="dark"] body.mp-home .subhead>span,
html[data-mp-theme="dark"] body.mp-home .solar-calendar-foot,
html[data-mp-theme="dark"] body.mp-home .loading-soft{color:#aec6d7}
html[data-mp-theme="dark"] body.mp-home .forecast-chip,
html[data-mp-theme="dark"] body.mp-home .t850-panel,
html[data-mp-theme="dark"] body.mp-home .thermal-panel,
html[data-mp-theme="dark"] body.mp-home .climate-panel,
html[data-mp-theme="dark"] body.mp-home .decade-panel,
html[data-mp-theme="dark"] body.mp-home .rainhour-panel,
html[data-mp-theme="dark"] body.mp-home .rainhistory-panel,
html[data-mp-theme="dark"] body.mp-home .outlook30-panel{background:#1c2c3e;border-color:#344b60}
html[data-mp-theme="dark"] body.mp-home .thermal-chart,
html[data-mp-theme="dark"] body.mp-home .climate-chart,
html[data-mp-theme="dark"] body.mp-home .t850-hour,
html[data-mp-theme="dark"] body.mp-home .rainhour-chart,
html[data-mp-theme="dark"] body.mp-home .rainhistory-chart,
html[data-mp-theme="dark"] body.mp-home .outlook30-chart{background:#152231;color:#d6e5ef}
html[data-mp-theme="dark"] body.mp-home .forecast-chip strong,
html[data-mp-theme="dark"] body.mp-home .t850-hour b,
html[data-mp-theme="dark"] body.mp-home .rain-today strong{color:#dbeeff}
html[data-mp-theme="dark"] body.mp-home .forecast-chip small,
html[data-mp-theme="dark"] body.mp-home .forecast-chip p,
html[data-mp-theme="dark"] body.mp-home .t850-hour small,
html[data-mp-theme="dark"] body.mp-home .rain-row,
html[data-mp-theme="dark"] body.mp-home .rain-today>span,
html[data-mp-theme="dark"] body.mp-home .rain-today>small{color:#b2c8d9}
html[data-mp-theme="dark"] body.mp-home .solar-calendar-grid>*{border-color:#385065}
html[data-mp-theme="dark"] body.mp-home .site-footer{color:#b9ccda;background:#101b29;border-color:#314457}
html[data-mp-theme="dark"] body.mp-home .site-footer strong{color:#e4eef7}
/* Skyline 24h, icone meteo e mappe/radar mantengono rigorosamente i propri colori. */

/* V1.3: Theme selector inside the existing hamburger navigation on mobile.
   No layout changes to the header, skybox or forecast graphics. */
@media(max-width:900px){
 .site-header .top-nav .mp-theme-switch{
  display:flex;order:10;margin:8px 3px 3px;padding:7px;gap:4px;
  width:calc(100% - 6px);box-sizing:border-box;white-space:nowrap;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.19);
  border-radius:12px;justify-content:stretch;
 }
 .site-header .top-nav .mp-theme-switch button{
  flex:1 1 0;min-width:0;padding:11px 6px;font-size:12px;
  color:#eaf4fc;background:transparent;border-radius:9px;
 }
 .site-header .top-nav .mp-theme-switch button[aria-pressed="true"]{
  background:#237ea5;color:#fff;
 }
}

/* V1.4 - Pagina Contatti: adattamento esclusivo Dark. Nessuna modifica a Light. */
html[data-mp-theme="dark"] body.mp-contact{background:#0b111b;color:#e2edf6}
html[data-mp-theme="dark"] body.mp-contact .contact-heading h1,
html[data-mp-theme="dark"] body.mp-contact .contact-section-heading h2{color:#e8f2fb}
html[data-mp-theme="dark"] body.mp-contact .contact-heading h1 em{color:#89cfee}
html[data-mp-theme="dark"] body.mp-contact .contact-heading p,
html[data-mp-theme="dark"] body.mp-contact .contact-section-heading p{color:#afc5d6}
html[data-mp-theme="dark"] body.mp-contact .contact-eyebrow{color:#91d7fc}
html[data-mp-theme="dark"] body.mp-contact .contact-heading:after{color:#507187;opacity:.25}
html[data-mp-theme="dark"] body.mp-contact .contact-card,
html[data-mp-theme="dark"] body.mp-contact .contact-legal-body,
html[data-mp-theme="dark"] body.mp-contact .source-grid a,
html[data-mp-theme="dark"] body.mp-contact .source-static{
  background:#182434;border-color:#304457;color:#e1edf7;box-shadow:0 9px 25px #0003;
}
html[data-mp-theme="dark"] body.mp-contact .contact-legal-body{background:linear-gradient(130deg,#1c2c3c,#172435)}
html[data-mp-theme="dark"] body.mp-contact .contact-card:hover,
html[data-mp-theme="dark"] body.mp-contact .source-grid a:hover{background:#223449;border-color:#547f9b}
html[data-mp-theme="dark"] body.mp-contact .contact-card h2{color:#eff7ff}
html[data-mp-theme="dark"] body.mp-contact .contact-card p,
html[data-mp-theme="dark"] body.mp-contact .contact-legal-body p{color:#b9ccda}
html[data-mp-theme="dark"] body.mp-contact .contact-kicker{color:#93b6cc}
html[data-mp-theme="dark"] body.mp-contact .contact-card strong,
html[data-mp-theme="dark"] body.mp-contact .contact-legal-body a,
html[data-mp-theme="dark"] body.mp-contact .source-grid a{color:#90d4ff}
html[data-mp-theme="dark"] body.mp-contact .contact-legal-body strong{color:#e1eef8}
html[data-mp-theme="dark"] body.mp-contact .source-static{color:#b8cbd9}
html[data-mp-theme="dark"] body.mp-contact .contact-icon{background:linear-gradient(135deg,#26445d,#345d79);color:#a6ddfa}
html[data-mp-theme="dark"] body.mp-contact .contact-card:nth-child(3) .contact-icon{background:linear-gradient(135deg,#55422e,#6f5032);color:#f8c980}
html[data-mp-theme="dark"] body.mp-contact .contact-card:nth-child(4) .contact-icon{background:linear-gradient(135deg,#234a43,#34685a);color:#a2ebce}

/* V1.6: fix definitivo desktop.
   Il JS posiziona il selettore come FIGLIO DIRETTO di .header-inner
   (non dentro .top-nav). Selettori corretti e colori espliciti. */
@media (min-width:901px) {
  .site-header .header-inner > .mp-theme-switch {
    background:rgba(255,255,255,.07);
    border-color:rgba(210,230,245,.23);
  }
  .site-header .header-inner > .mp-theme-switch > button[data-choice] {
    color:#e3f1fb !important;
    -webkit-text-fill-color:#e3f1fb;
    opacity:1;
    background:transparent;
  }
  .site-header .header-inner > .mp-theme-switch > button[data-choice]:hover {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff;
    background:rgba(255,255,255,.12);
  }
  .site-header .header-inner > .mp-theme-switch > button[data-choice][aria-pressed="true"] {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff;
    background:#237ea5;
  }
}


/* V1.7 | Previsioni ICON-EU + meteogrammi GFS. Solo Dark, Light originale.
   Nessuna modifica ai motori dei dati, alle curve o alle animazioni meteo. */
html[data-mp-theme="dark"] body.mp-forecast{background:#0b111b;color:#e5eef7}
html[data-mp-theme="dark"] body.mp-forecast .forecast-heading h1,
html[data-mp-theme="dark"] body.mp-forecast .forecast-section-head h2,
html[data-mp-theme="dark"] body.mp-forecast .forecast-chart-title strong,
html[data-mp-theme="dark"] body.mp-forecast .forecast-story h3{color:#e8f4fc}
html[data-mp-theme="dark"] body.mp-forecast .forecast-heading p,
html[data-mp-theme="dark"] body.mp-forecast .forecast-section-head p,
html[data-mp-theme="dark"] body.mp-forecast .forecast-chart-title span,
html[data-mp-theme="dark"] body.mp-forecast .forecast-model span{color:#aec7d9}
html[data-mp-theme="dark"] body.mp-forecast .forecast-model,
html[data-mp-theme="dark"] body.mp-forecast .forecast-chart-card,
html[data-mp-theme="dark"] body.mp-forecast .forecast-day-card,
html[data-mp-theme="dark"] body.mp-forecast .forecast-insight,
html[data-mp-theme="dark"] body.mp-forecast .gfs-card{
 background:#182434;border-color:#30475c;color:#e5f1fa;box-shadow:0 8px 24px rgba(0,0,0,.23)
}
html[data-mp-theme="dark"] body.mp-forecast .forecast-model strong,
html[data-mp-theme="dark"] body.mp-forecast .forecast-insight strong,
html[data-mp-theme="dark"] body.mp-forecast .gfs-card h3{color:#acdfff}
html[data-mp-theme="dark"] body.mp-forecast .forecast-days-nav button,
html[data-mp-theme="dark"] body.mp-forecast .gfs-range button{background:#263b50;border-color:#426079;color:#d7eafa}
html[data-mp-theme="dark"] body.mp-forecast .forecast-days-nav button.active,
html[data-mp-theme="dark"] body.mp-forecast .gfs-range button.active{background:#2784b0;border-color:#2784b0;color:#fff}
html[data-mp-theme="dark"] body.mp-forecast .forecast-hour,
html[data-mp-theme="dark"] body.mp-forecast .gfs-stamp{background:#203246;border-color:#34516a;color:#e6f1f9}
html[data-mp-theme="dark"] body.mp-forecast .forecast-hour time,
html[data-mp-theme="dark"] body.mp-forecast .forecast-hour small,
html[data-mp-theme="dark"] body.mp-forecast .forecast-day-card .desc,
html[data-mp-theme="dark"] body.mp-forecast .forecast-day-card .wind,
html[data-mp-theme="dark"] body.mp-forecast .forecast-day-card .temp-trend,
html[data-mp-theme="dark"] body.mp-forecast .forecast-insight p,
html[data-mp-theme="dark"] body.mp-forecast .gfs-stamp span,
html[data-mp-theme="dark"] body.mp-forecast .gfs-card .gfs-sub,
html[data-mp-theme="dark"] body.mp-forecast .gfs-info,
html[data-mp-theme="dark"] body.mp-forecast .gfs-footnote{color:#afc8d9}
html[data-mp-theme="dark"] body.mp-forecast .forecast-day-card .temps em{color:#a8bdce}
html[data-mp-theme="dark"] body.mp-forecast .forecast-story,
html[data-mp-theme="dark"] body.mp-forecast .forecast-analysis .forecast-story{
 background:linear-gradient(120deg,#1e3043,#172536 70%,#1a3245);border-color:#34516a
}
html[data-mp-theme="dark"] body.mp-forecast .forecast-story>div>p{color:#bbcfdd}
html[data-mp-theme="dark"] body.mp-forecast .forecast-story-tags span{
 background:#233c51;border-color:#3b6178;color:#c1e7ff
}
html[data-mp-theme="dark"] body.mp-forecast .forecast-note{border-color:#3a5267}
html[data-mp-theme="dark"] body.mp-forecast .forecast-note strong{color:#91d6fa}
html[data-mp-theme="dark"] body.mp-forecast .forecast-insight{color:#daeaf5}
html[data-mp-theme="dark"] body.mp-forecast .forecast-phase{border-color:rgba(206,230,244,.16)}
/* Le quattro scene ICON mantengono volutamente i propri colori originali. */
html[data-mp-theme="dark"] body.mp-forecast .forecast-svg-grid{stroke:#40596d}
html[data-mp-theme="dark"] body.mp-forecast .forecast-svg-text{fill:#a7c4d8}
html[data-mp-theme="dark"] body.mp-forecast .forecast-svg-line{stroke:#5ac8f5}
html[data-mp-theme="dark"] body.mp-forecast .forecast-svg-dot{fill:#5ac8f5;stroke:#182434}
html[data-mp-theme="dark"] body.mp-forecast .forecast-svg-value{
 fill:#cff0ff;stroke:#182434;stroke-width:4px
}
html[data-mp-theme="dark"] body.mp-forecast .gfs-section{border-top-color:#36516a}
html[data-mp-theme="dark"] body.mp-forecast .gfs-range{background:#192a3c}
html[data-mp-theme="dark"] body.mp-forecast .gfs-legend span,
html[data-mp-theme="dark"] body.mp-forecast .gfs-card-bottom{color:#b9ccdc}
html[data-mp-theme="dark"] body.mp-forecast .gfs-card-bottom b{color:#e2f1fc}
html[data-mp-theme="dark"] body.mp-forecast .gfs-cape-key span{background:#223749;color:#c7dce8}
html[data-mp-theme="dark"] body.mp-forecast .gfs-cape-key b{color:#a6ddff}
/* Il rettangolo chiaro viene generato da GFS come attributo fill nell'SVG.
   Lo sovrascriviamo in CSS: nessuna modifica al codice o ai dati del grafico. */
html[data-mp-theme="dark"] body.mp-forecast .gfs-chart svg > rect[fill="#f9fcfe"]{fill:#152334}
html[data-mp-theme="dark"] body.mp-forecast .gfs-chart .gridline{stroke:#3c5264}
html[data-mp-theme="dark"] body.mp-forecast .gfs-chart .axis{fill:#b2cbdd}
html[data-mp-theme="dark"] body.mp-forecast .forecast-error,
html[data-mp-theme="dark"] body.mp-forecast .gfs-error{
 background:#3a2928;border-color:#805d4c;color:#ffcfab
}


/* V1.8 · LONG TERM · presentational dark styling only.
   Preserve existing light appearance and original SVG forecast renderers,
   chart colors, Super Ensemble graph, weather icons, data and interaction. */
html[data-mp-theme="dark"] body.mp-longterm{background:#0b111b;color:#e2edf6}
html[data-mp-theme="dark"] body.mp-longterm .lt-heading{box-shadow:0 18px 46px #0005}
html[data-mp-theme="dark"] body.mp-longterm .lt-heading h1,
html[data-mp-theme="dark"] body.mp-longterm .lt-heading p{color:#f2f7fc}
html[data-mp-theme="dark"] body.mp-longterm .lt-feature,
html[data-mp-theme="dark"] body.mp-longterm .lt-metric,
html[data-mp-theme="dark"] body.mp-longterm .lt-day,
html[data-mp-theme="dark"] body.mp-longterm .lt-future,
html[data-mp-theme="dark"] body.mp-longterm .lt-modal-card{
 background:#182434;border-color:#30475b;color:#e4eff8;box-shadow:0 8px 24px rgba(0,0,0,.24)
}
html[data-mp-theme="dark"] body.mp-longterm .lt-day.exp{background:#1f2c3d;border-color:#475475}
html[data-mp-theme="dark"] body.mp-longterm .lt-explain,
html[data-mp-theme="dark"] body.mp-longterm .lt-story{
 background:linear-gradient(125deg,#1c3044,#1b293b 70%,#25283e);border-color:#365068;color:#dcebf5
}
html[data-mp-theme="dark"] body.mp-longterm .lt-feature h2,
html[data-mp-theme="dark"] body.mp-longterm .lt-section-head h2,
html[data-mp-theme="dark"] body.mp-longterm .lt-section-head h3,
html[data-mp-theme="dark"] body.mp-longterm .lt-stage-head h3,
html[data-mp-theme="dark"] body.mp-longterm .lt-future h2,
html[data-mp-theme="dark"] body.mp-longterm .lt-explain h2,
html[data-mp-theme="dark"] body.mp-longterm .lt-subtitle,
html[data-mp-theme="dark"] body.mp-longterm .lt-variance h3,
html[data-mp-theme="dark"] body.mp-longterm .lt-story-body,
html[data-mp-theme="dark"] body.mp-longterm .lt-modal-card h2{color:#eaf4fc}
html[data-mp-theme="dark"] body.mp-longterm .lt-main p,
html[data-mp-theme="dark"] body.mp-longterm .lt-metric span,
html[data-mp-theme="dark"] body.mp-longterm .lt-metric small,
html[data-mp-theme="dark"] body.mp-longterm .lt-section-head p,
html[data-mp-theme="dark"] body.mp-longterm .lt-stage-head p,
html[data-mp-theme="dark"] body.mp-longterm .lt-method,
html[data-mp-theme="dark"] body.mp-longterm .lt-muted,
html[data-mp-theme="dark"] body.mp-longterm .lt-mosaic-legend,
html[data-mp-theme="dark"] body.mp-longterm .lt-legend,
html[data-mp-theme="dark"] body.mp-longterm .lt-top-tags,
html[data-mp-theme="dark"] body.mp-longterm .lt-milestone,
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-legend{color:#afc7d9}
html[data-mp-theme="dark"] body.mp-longterm .lt-metric strong,
html[data-mp-theme="dark"] body.mp-longterm .lt-anomaly-score strong,
html[data-mp-theme="dark"] body.mp-longterm .lt-anomaly-counts b,
html[data-mp-theme="dark"] body.mp-longterm .lt-stability-card strong,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-card strong{color:#8bd4ff}
html[data-mp-theme="dark"] body.mp-longterm .lt-day-top b,
html[data-mp-theme="dark"] body.mp-longterm .lt-day-name,
html[data-mp-theme="dark"] body.mp-longterm .lt-day .lt-temps strong{color:#e5f3fd}
html[data-mp-theme="dark"] body.mp-longterm .lt-rain:not(.wet),
html[data-mp-theme="dark"] body.mp-longterm .lt-temps small{color:#b6cddd}
html[data-mp-theme="dark"] body.mp-longterm .lt-v2-intro,
html[data-mp-theme="dark"] body.mp-longterm .lt-stability-card,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-card,
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-card,
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-detail,
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-chip{
 background:#202f42;border-color:#395168;color:#dcebf6
}
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-warm{border-top-color:#e8a063;background:#332b2a}
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-rain{border-top-color:#73ade9}
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-card small,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-card p,
html[data-mp-theme="dark"] body.mp-longterm .lt-anomaly-score small,
html[data-mp-theme="dark"] body.mp-longterm .lt-anomaly-score span,
html[data-mp-theme="dark"] body.mp-longterm .lt-anomaly-counts small,
html[data-mp-theme="dark"] body.mp-longterm .lt-stability-card span,
html[data-mp-theme="dark"] body.mp-longterm .lt-variance h3 small,
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-class,
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-explain,
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-detail,
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-intro{color:#b2c8d8}
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-card h3,
html[data-mp-theme="dark"] body.mp-longterm .lt-signal-date,
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-detail h3{color:#def0fc}
html[data-mp-theme="dark"] body.mp-longterm .lt-filter{background:#17293a;border-color:#35516a}
html[data-mp-theme="dark"] body.mp-longterm .lt-filter button,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-card button,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-controls button,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-toolbar select{
 background:#24384d;border-color:#43627b;color:#e4f2fb
}
html[data-mp-theme="dark"] body.mp-longterm .lt-filter button.active{background:#247fa6;border-color:#247fa6;color:white}
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-controls label,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-controls output,
html[data-mp-theme="dark"] body.mp-longterm .lt-dna-label{color:#cde6f5}
html[data-mp-theme="dark"] body.mp-longterm .lt-dna-date,
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-day{color:#b1cada}
html[data-mp-theme="dark"] body.mp-longterm .lt-dna-readout,
html[data-mp-theme="dark"] body.mp-longterm .lt-v22-message{background:#223b51;border-color:#3d6078;color:#d0ebfb}
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-bar-box,
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-day.lt-missing .lt-confidence-bar-box{background:#2c4052}
html[data-mp-theme="dark"] body.mp-longterm .lt-confidence-day.lt-experimental .lt-confidence-bar-box{
 background:repeating-linear-gradient(135deg,#39334c,#39334c 5px,#2d2941 5px,#2d2941 10px)
}
html[data-mp-theme="dark"] body.mp-longterm .lt-variance-row{color:#c4d7e5}
html[data-mp-theme="dark"] body.mp-longterm .lt-variance-row i,
html[data-mp-theme="dark"] body.mp-longterm .lt-atlas-bar{background:#334759}
html[data-mp-theme="dark"] body.mp-longterm .lt-modal-source{color:#adc6d9}
html[data-mp-theme="dark"] body.mp-longterm .lt-modal-close{background:#293d50;color:#e5eff8}
/* Keep anomalous-day semantic colors and graphical encodings in all modes. */
html[data-mp-theme="dark"] body.mp-longterm .lt-tile.lt-neutral{background:#384958;color:#e3edf6}
html[data-mp-theme="dark"] body.mp-longterm .lt-tile.lt-missing{background:#2e3a47;color:#bac9d5}
/* The embedded Super Ensemble owns its existing dark chart palette.
   Deliberately NO overrides on #mp-superensemble, .se-chart, .se-panel, or SVG data series. */