/* Interface « Synthèse » : habillages propres à un écran (CSS d'abord : aucun JS d'écran n'est modifié). Jetons uniquement. */

/* ── Barres de filtres (Z.filtres) : champs à la hauteur des contrôles ── */
:root[data-interface="synthese"] {
  --fl-champ-h: var(--v5-ctl-h);
  --jl-frise-h: var(--s-2);
  --dm-carte-min: var(--v5-carte-min);
}
:root[data-interface="synthese"] .fl-q input { padding: 0 var(--s-3) 0 calc(var(--s-7) + var(--s-1)); }
:root[data-interface="synthese"] .fl-barre select,
:root[data-interface="synthese"] .fl-barre input,
:root[data-interface="synthese"] .fl-btn { border-radius: var(--v5-r-ctl); }

/* ── Tableau de bord : « À traiter maintenant » ── */
:root[data-interface="synthese"] .dash-todo-ligne { min-height: var(--v5-ligne-h); border-top-color: var(--border); border-radius: var(--r-md); }
:root[data-interface="synthese"] .dash-todo-ligne:hover { background: color-mix(in oklab, var(--surface2) 60%, transparent); }
:root[data-interface="synthese"] .dash-todo-n { font-size: var(--v5-t-xl); font-weight: var(--v5-poids-fin); letter-spacing: -.025em; }
:root[data-interface="synthese"] .dash-todo-t { font-size: var(--v5-t-m); }

/* ── Fiche projet : anneau, frise des phases, jalons et tâches ── */
:root[data-interface="synthese"] .ph-etape::before { background: color-mix(in oklab, var(--fg) 10%, transparent); border-radius: var(--v5-r-rond); }
:root[data-interface="synthese"] .ph-etape i { border-radius: var(--v5-r-rond); transition: width var(--v5-d-long) var(--v5-ease); }
:root[data-interface="synthese"] .ph-etape span { font-size: var(--v5-t-corps); font-weight: var(--v5-poids-moyen); }
:root[data-interface="synthese"] .ph-etape small { font-size: var(--v5-t-s); }
:root[data-interface="synthese"] .ph-etape:hover span { color: var(--v5-deco); }

/* ── Planning : cadre et barres arrondis ── */
:root[data-interface="synthese"] .gt-scroll {
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: color-mix(in oklab, var(--surface) 88%, transparent);
}
:root[data-interface="synthese"] .gt-banner { border-radius: var(--v5-r-ctl); font-size: var(--v5-t-corps); }

/* ── Documents : blocs colorés par type, pastilles de filtre ── */
:root[data-interface="synthese"] .dm-card { background: color-mix(in oklab, var(--surface) 88%, transparent); transition: transform var(--v5-d-long) var(--v5-ease), box-shadow var(--v5-d-long), border-color var(--v5-d-moyen); }
:root[data-interface="synthese"] .dm-card:hover { transform: translateY(calc(var(--v5-decal-s) * -1)); }
:root[data-interface="synthese"] .dm-vign { background: color-mix(in oklab, var(--c, var(--muted)) 22%, var(--surface)); }
:root[data-interface="synthese"] .dm-tag { border-radius: var(--v5-r-rond); font-size: var(--v5-t-xs); font-weight: var(--v5-poids-moyen); }
:root[data-interface="synthese"] .dm-puce { height: var(--v5-ctl-h-s); font-size: var(--v5-t-s); font-weight: var(--v5-poids-moyen); transition: background var(--v5-d-court), border-color var(--v5-d-court); }
:root[data-interface="synthese"] .dm-puce.on { background: var(--v5-deco); border-color: var(--v5-deco); color: var(--v5-sur-deco); }
:root[data-interface="synthese"] .dm-groupe-t { font-size: var(--v5-t-corps); font-weight: var(--v5-poids-moyen); }

/* ── Fiches (BDC, devis, factures) : valeurs, libellés discrets, répartition ── */
:root[data-interface="synthese"] .b-kpi-sub { font-size: var(--v5-t-xs); }
:root[data-interface="synthese"] .infos dt,
:root[data-interface="synthese"] .um-profil dt {
  font-family: var(--font-body);
  font-size: var(--v5-t-xs);
  font-weight: var(--v5-poids-moyen);
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
}
:root[data-interface="synthese"] .um-profil dd { font-size: var(--v5-t-corps); }

/* ── Mes tâches et listes de tâches ── */
:root[data-interface="synthese"] .mk-note { font-size: var(--v5-t-corps); color: var(--muted); }