/* Thème verre du cockpit Volticom.
   Une seule couche par-dessus le cockpit : retirer ce fichier rend le cockpit d'origine.
   Les couleurs viennent du cockpit de production. Le préfixe html[data-verre]
   donne la priorité sur les feuilles chargées plus tard par chaque module. */

/* Urbanist, licence libre SIL OFL, hébergée ici : la politique de sécurité du cockpit bloque les polices externes */
@font-face {
  font-family: "Urbanist";
  src: url("urbanist-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html[data-verre] {
  --vr-police: "Urbanist", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --vr-courbe: cubic-bezier(.22, 1, .36, 1);
}
html[data-verre="fonce"] {
  color-scheme: dark;
  background: #03161f;
  --vr-voile: linear-gradient(180deg, rgba(1, 20, 33, .8), rgba(1, 14, 25, .92));
  --vr-photo: blur(48px) saturate(.8) brightness(.7);
  --vr-verre: rgba(42, 102, 146, .40);
  --vr-verre-fort: #07283e;
  --vr-reflet: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .03) 32%, rgba(255, 255, 255, 0) 58%), radial-gradient(130% 90% at 0% 0%, rgba(255, 255, 255, .06), transparent 62%);
  --vr-bords: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255, 255, 255, .05), 0 18px 40px -26px rgba(0, 0, 0, .75);
  --vr-tuile: linear-gradient(160deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .03));
  --vr-tuile-bord: rgba(255, 255, 255, .10);
  --vr-encre: #f4f7fb;
  --vr-encre-2: #e2e9f2;
  --vr-gris: #bccadb;
  --vr-trait: rgba(255, 255, 255, .09);
  --vr-survol: rgba(255, 255, 255, .10);
  --vr-action: #0b6fb8;
  --vr-action-haut: #0f79c9;
  --vr-lueur: rgba(46, 144, 250, .5);
  --vr-compte-fond: rgba(226, 68, 92, .24);
  --vr-compte: #ff8a9b;
  --vr-lien: #a9d2ff;
  --vr-repere: rgba(255, 255, 255, .15);
}
html[data-verre="clair"] {
  color-scheme: light;
  background: #f4f6fb;
  --vr-voile: linear-gradient(180deg, rgba(243, 246, 251, .95), rgba(236, 240, 247, .97));
  --vr-photo: blur(30px) saturate(.2) brightness(1.7);
  --vr-verre: rgba(255, 255, 255, .93);
  --vr-verre-fort: #ffffff;
  --vr-reflet: linear-gradient(135deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 60%);
  --vr-bords: inset 0 0 0 1px rgba(20, 32, 64, .07), 0 1px 2px rgba(20, 32, 64, .05), 0 18px 34px -26px rgba(20, 32, 64, .22);
  --vr-tuile: linear-gradient(160deg, #ffffff, #f8fafd);
  --vr-tuile-bord: rgba(20, 32, 64, .10);
  --vr-encre: #1c2540;
  --vr-encre-2: #2c3654;
  --vr-gris: #4f5870;
  --vr-trait: rgba(20, 32, 64, .10);
  --vr-survol: rgba(20, 32, 64, .07);
  --vr-action: #0b6fb8;
  --vr-action-haut: #0f79c9;
  --vr-lueur: rgba(11, 111, 184, .45);
  --vr-compte-fond: #fde3e7;
  --vr-compte: #a3203a;
  --vr-lien: #0b6fb8;
  --vr-repere: #ffffff;
}

/* Les boutons et les champs prennent la police du cockpit, pas celle du système */
html[data-verre] .vlt-admin :is(button, input, select, textarea) { font-family: inherit; }

/* Les jetons du cockpit, réglés pour le verre */
html[data-verre] .vlt-admin {
  --a-font: var(--vr-police);
  --a-radius: 14px;
  --a-radius-sm: 10px;
  --a-radius-lg: 20px;
  font-family: var(--vr-police);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  background: none;
}
html[data-verre="fonce"] .vlt-admin {
  --a-bg: rgba(255, 255, 255, .03);
  --a-bg-2: rgba(255, 255, 255, .05);
  --a-surface: rgba(18, 56, 82, .62);
  --a-surface-2: rgba(255, 255, 255, .055);
  --a-surface-3: rgba(255, 255, 255, .09);
  --a-border: rgba(255, 255, 255, .10);
  --a-border-soft: rgba(255, 255, 255, .065);
  --a-border-strong: rgba(255, 255, 255, .18);
  --a-text: #f4f7fb;
  --a-text-dim: #bccadb;
  --a-text-faint: #aebfd2;
  --a-accent: #2e90fa;
  --a-accent-2: #1a86d8;
  --a-accent-ink: #a9d2ff;
  --a-accent-wash: rgba(46, 144, 250, .18);
  --a-good-ink: #3ddc97;
  --a-warn-ink: #fdb022;
  --a-bad-ink: #ff8a9b;
  --a-ring: 0 0 0 3px rgba(46, 144, 250, .32);
  --a-shadow-xs: none;
  --a-shadow-sm: none;
  --a-shadow: none;
  --a-shadow-md: 0 14px 30px -14px rgba(0, 0, 0, .6);
  --a-shadow-lg: 0 28px 56px -18px rgba(0, 0, 0, .7);
  --a-shadow-accent: 0 8px 22px -10px rgba(46, 144, 250, .55);
}
html[data-verre="clair"] .vlt-admin {
  --a-bg: rgba(255, 255, 255, .7);
  --a-bg-2: rgba(255, 255, 255, .85);
  --a-surface: rgba(255, 255, 255, .95);
  --a-surface-2: #f5f7fb;
  --a-surface-3: #eef2f9;
  --a-warn: #b54708;
  --a-good: #067647;
}

/* Le fond : la photo floutée, sous un voile */
html[data-verre]::before {
  content: "";
  position: fixed;
  inset: -40px;
  z-index: -2;
  background: url("fond.jpg") center / cover no-repeat;
  filter: var(--vr-photo);
}
html[data-verre]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--vr-voile);
}
html[data-verre] body { background: none; }
html[data-verre] .vlt-shell { background: none; }

/* Colonne de navigation : largeur 244, marge 14 */
html[data-verre] .vlt-side {
  background-color: var(--vr-verre);
  background-image: var(--vr-reflet);
  box-shadow: var(--vr-bords);
  color: var(--vr-encre-2);
  border: 0;
}
@media (min-width: 1081px) {
  html[data-verre] .vlt-side {
    top: 14px;
    height: calc(100dvh - 28px);
    flex: 0 0 244px;
    margin: 14px 0 14px 14px;
    padding: 14px 12px 12px;
    border-radius: 24px;
    overflow-y: auto;
    scrollbar-width: none;
  }
  html[data-verre] .vlt-side::-webkit-scrollbar { display: none; }
}
html[data-verre] .vlt-side__brand { min-height: 0; padding-bottom: 6px; margin-bottom: 2px; }
html[data-verre] .vlt-side__wordmark { color: var(--vr-encre); font-family: var(--vr-police); font-size: 21px; font-weight: 600; letter-spacing: -.01em; }
html[data-verre] .vlt-side__badge { border: 0; padding: 0; color: var(--vr-gris); font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
html[data-verre] .vlt-side__cat { min-height: 24px; padding-block: 2px; color: var(--vr-gris); font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
html[data-verre] .vlt-side__cat:hover { color: var(--vr-encre); background: var(--vr-survol); }
html[data-verre] .vlt-side__item,
html[data-verre] .vlt-side__logout {
  min-height: 33px;
  padding-block: 3px;
  border-radius: 12px;
  color: var(--vr-encre-2);
  font-size: 14px;
  font-weight: 500;
  transition: background-color .16s, color .16s, transform .12s;
}
html[data-verre] .vlt-side__item:hover,
html[data-verre] .vlt-side__logout:hover { background: var(--vr-survol); color: var(--vr-encre); }
html[data-verre] .vlt-side__item:active { transform: scale(.985); }
html[data-verre] .vlt-side__item.is-active,
html[data-verre] .vlt-side__item[data-vr-actif] {
  color: #fff;
  background: linear-gradient(180deg, var(--vr-action-haut), var(--vr-action));
  box-shadow: 0 10px 24px -12px var(--vr-lueur), inset 0 1px 0 rgba(255, 255, 255, .24);
}
html[data-verre] .vlt-side__item.is-active::before { display: none; }
html[data-verre] .vlt-side__count { background: var(--vr-survol); color: var(--vr-encre-2); }
html[data-verre] .vlt-side__count.is-alert { background: var(--vr-compte-fond); color: var(--vr-compte); }
html[data-verre] .vlt-side__item.is-active .vlt-side__count { background: rgba(0, 0, 0, .28); color: #fff; }
html[data-verre] .vlt-side__custom-btn { color: var(--vr-gris); }

/* La connexion, centrée sur l'écran */
html[data-verre] .vlt-admin__gate { min-height: 100dvh; align-content: center; }

/* Barre du haut et titre */
html[data-verre] .vlt-shell__topbar {
  background: none;
  border-bottom: 0;
  padding: 14px 24px 10px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html[data-verre] .vlt-shell__title { font-family: var(--vr-police); font-size: 30px; line-height: 38px; font-weight: 600; letter-spacing: -.02em; }
html[data-verre] .vlt-shell__body { max-width: 1500px; padding: 6px 24px 44px; }

/* Le titre à gauche, la période et la recherche à droite, sur toutes les pages */
html[data-verre] .vlt-help { order: 1; }
html[data-verre] .vlt-shell__topbar-filter { order: 2; margin-left: auto; }
html[data-verre] .vlt-gsearch__trigger { order: 3; margin-left: auto; }
html[data-verre] .vlt-shell__topbar:has(.vlt-shell__topbar-filter) .vlt-gsearch__trigger { margin-left: 0; }

/* Le verre sur les cartes de premier niveau */
html[data-verre] .vlt-admin__card,
html[data-verre] .vlt-admin__panel,
html[data-verre] .vlt-admin__kpi,
html[data-verre] .vlt-admin__detail-card,
html[data-verre] .vlt-admin__fiche-card,
html[data-verre] .vlt-admin__setting,
html[data-verre] .vlt-admin__cat-section,
html[data-verre] .vlt-admin__facturation-kpi,
html[data-verre] .vlt-admin__facturation-table,
html[data-verre] .vlt-admin__email-card,
html[data-verre] .vlt-admin__winloss-card,
html[data-verre] .vlt-admin__scorecard-body,
html[data-verre] .vlt-aud__card {
  background-color: var(--vr-verre);
  background-image: var(--vr-reflet);
  border-color: transparent;
  box-shadow: var(--vr-bords);
  border-radius: 20px;
}

/* Tout ce qui s'ouvre par-dessus la page est opaque : fiches, tiroirs, fenêtres, recherche */
html[data-verre] .vlt-admin__detail-page,
html[data-verre] .vlt-admin__drawer,
html[data-verre] .vlt-admin__nextpanel,
html[data-verre] .vlt-admin__pdf-modal,
html[data-verre] .vlt-admin__pdf-overlay > *,
html[data-verre] .vlt-admin__modal-overlay > *,
html[data-verre] .vlt-admin__fiche-overlay > *,
html[data-verre] .vlt-gsearch__panel,
html[data-verre] .vlt-call__window,
html[data-verre] .vlt-ag__modal,
html[data-verre] .vlt-opp__modal,
html[data-verre] .vlt-soc__drawer,
html[data-verre] .vlt-soc__picker,
html[data-verre] .vlt-admin__depspicker,
html[data-verre] .vlt-side-mobile__sheet {
  --a-surface: var(--vr-verre-fort);
  background: var(--vr-verre-fort);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-verre="fonce"] .vlt-admin__detail-page { background: #04212f; }
html[data-verre="clair"] .vlt-admin__detail-page { background: #f4f6fb; }

/* Boutons en pilule */
html[data-verre] .vlt-admin__btn,
html[data-verre] .vlt-admin__btn-ghost,
html[data-verre] .vlt-admin__btn--ghost { border-radius: 999px; font-weight: 500; }
html[data-verre] .vlt-admin__btn:not(.vlt-admin__btn--ghost):not(.vlt-admin__btn--danger):not(.vlt-admin__btn--on) {
  color: #fff;
  background: linear-gradient(180deg, var(--vr-action-haut), var(--vr-action));
  box-shadow: 0 10px 22px -12px var(--vr-lueur), inset 0 1px 0 rgba(255, 255, 255, .26);
}
html[data-verre] .vlt-admin__btn-ghost,
html[data-verre] .vlt-admin__btn--ghost {
  background: var(--vr-tuile);
  box-shadow: inset 0 0 0 1px var(--vr-tuile-bord);
  border-color: transparent;
}

/* Champs */
html[data-verre] .vlt-admin__input,
html[data-verre] .vlt-admin__search,
html[data-verre] .vlt-admin__textarea,
html[data-verre] .vlt-admin__task-input { border-radius: 12px; }

/* Libellés en phrase, sans capitales espacées */
html[data-verre] .vlt-achats__kpi-label,
html[data-verre] .vlt-fc__kpi dt,
html[data-verre] .vlt-admin__alerts-head,
html[data-verre] .vlt-aud__stat dt,
html[data-verre] .vlt-soc__section-title,
html[data-verre] .vlt-soc__solde-label,
html[data-verre] .vlt-admin__eyebrow,
html[data-verre] .vlt-admin__kpi-label,
html[data-verre] .vlt-admin__table th,
html[data-verre] .vlt-admin__detail-cardtitle,
html[data-verre] .vlt-admin__partsynth-lbl,
html[data-verre] .vlt-admin__geo-sub,
html[data-verre] .vlt-admin__geo-col-title,
html[data-verre] .vlt-admin__section-title,
html[data-verre] .vlt-admin__scorecard-section-title,
html[data-verre] .vlt-admin__pipe-stat-label,
html[data-verre] .vlt-admin__sb-label {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}

/* Encres écrites en dur dans le cockpit : éclaircies sur fond foncé */
html[data-verre="fonce"] .vlt-admin__chip--ok,
html[data-verre="fonce"] .vlt-admin__consent-pill--oui,
html[data-verre="fonce"] .vlt-admin__conform--ok,
html[data-verre="fonce"] .vlt-admin__winloss-card--won .vlt-admin__winloss-count,
html[data-verre="fonce"] .vlt-admin__facture-badge--paid,
html[data-verre="fonce"] .vlt-admin__toast--ok,
html[data-verre="fonce"] .vlt-admin__quote-sent { color: #3ddc97; }
html[data-verre="fonce"] .vlt-admin__chip--ok { color: #62e8ad; }
html[data-verre="fonce"] .vlt-admin__error,
html[data-verre="fonce"] .vlt-admin__toast--err,
html[data-verre="fonce"] .vlt-admin__score--chaud,
html[data-verre="fonce"] .vlt-admin__facture-badge--late,
html[data-verre="fonce"] .vlt-admin__sb-delta--down { color: #ff8a9b; }
html[data-verre="fonce"] .vlt-admin__agenda-noassignee,
html[data-verre="fonce"] .vlt-admin__assign-warn,
html[data-verre="fonce"] .vlt-admin__chart-focus-d,
html[data-verre="fonce"] .vlt-admin__score--tiede,
html[data-verre="fonce"] .vlt-admin__alert--warn .vlt-admin__alert-count,
html[data-verre="fonce"] .vlt-admin__conform--soon,
html[data-verre="fonce"] .vlt-admin__facture-badge--pending { color: #fdb022; }
html[data-verre="fonce"] .vlt-admin__chart-focus-p,
html[data-verre="fonce"] .vlt-admin__prio-badge--part,
html[data-verre="fonce"] .vlt-admin__prio-badge--part-etude,
html[data-verre="fonce"] .vlt-achats__pill--sous_traitance,
html[data-verre="fonce"] .vlt-ag__badge--reunion { color: #c9a6f5; }
html[data-verre="fonce"] .vlt-achats__pill--services,
html[data-verre="fonce"] .vlt-ag__badge--rdv { color: #a9d2ff; }
html[data-verre="fonce"] .vlt-soc__contact-billing { color: #f4f7fb; }

/* Bouton du thème, ajouté dans la colonne par cockpit-verre.js */
html[data-verre] .vr-theme {
  display: flex; align-items: center; gap: 11px;
  width: 100%; min-height: 36px; padding: 0 10px; margin-top: 4px;
  border: 0; border-radius: 14px; background: none; cursor: pointer;
  color: var(--vr-encre-2); font: inherit; font-size: 14px;
}
html[data-verre] .vr-theme:hover { background: var(--vr-survol); }
html[data-verre] .vr-theme span { flex: 1; text-align: left; }
html[data-verre] .vr-theme:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vr-theme i { position: relative; width: 40px; height: 22px; border-radius: 999px; background: var(--vr-survol); transition: background-color .2s; flex: none; }
html[data-verre] .vr-theme i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s var(--vr-courbe); }
html[data-verre] .vr-theme[aria-pressed="true"] i { background: var(--vr-action-haut); }
html[data-verre] .vr-theme[aria-pressed="true"] i::after { transform: translateX(18px); }
@media (max-width: 1080px) { html[data-verre] .vr-theme span { display: none; } }

@media (prefers-reduced-transparency: reduce) {
  html[data-verre] .vlt-side,
  html[data-verre] .vlt-admin__card,
  html[data-verre] .vlt-admin__panel { background: var(--vr-verre-fort); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* La colonne de navigation suit le travail : piloter, vendre, poser, facturer, puis le site */
@media (min-width: 1081px) {
  html[data-verre] .vlt-side__nav { gap: 2px; }
  html[data-verre] .vlt-side__list { gap: 1px; }
  html[data-verre] .vlt-side__group { order: 35; }
  html[data-verre] .vlt-side__group[aria-label="Pilotage"] { order: 10; }
  html[data-verre] .vlt-side__group[aria-label="Commercial"] { order: 20; }
  html[data-verre] .vlt-side__group[aria-label="Opérations IRVE"] { order: 30; }
  html[data-verre] .vlt-side__group[aria-label="Réseau installateurs"] { order: 31; }
  html[data-verre] .vlt-side__group[aria-label="Finances"] { order: 32; }
  html[data-verre] .vlt-side__group[data-vr-groupe] { order: 40; }
  html[data-verre] .vlt-side__group[aria-label="Croissance"] { order: 41; }
  html[data-verre] .vlt-side__group[aria-label="Administration"] { order: 50; }
  html[data-verre] .vlt-side__group[aria-label="Commercial"] li:has([aria-label^="Devis"]) { order: 1; }
  html[data-verre] .vlt-side__group[aria-label="Commercial"] li:has([aria-label^="Pipeline"]) { order: 2; }
  html[data-verre] .vlt-side__group[aria-label="Commercial"] li:has([aria-label^="Contacts"]) { order: 3; }
  html[data-verre] .vlt-side__group[aria-label="Commercial"] li:has([aria-label^="Sociétés"]) { order: 4; }
  html[data-verre] .vlt-side__nav:has(.vlt-side__edit-row) .vlt-side__group,
  html[data-verre] .vlt-side__nav:has(.vlt-side__edit-row) li { order: 0; }
}

/* Vue d'ensemble : une phrase, une ligne de chiffres, quatre onglets. Grille de 12 colonnes, 14 d'écart */
html[data-verre] .vlt-admin__content[data-vr-onglet] {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-content: start;
}
html[data-verre] [data-vr-onglet] > .vlt-admin__direction,
html[data-verre] [data-vr-onglet] .vlt-admin__dir-2col { display: contents; }
html[data-verre] [data-vr-onglet] > *,
html[data-verre] [data-vr-onglet] > .vlt-admin__direction > *,
html[data-verre] [data-vr-onglet] .vlt-admin__dir-2col > * { grid-column: 1 / -1; min-width: 0; margin: 0 !important; }
html[data-verre] [data-vr-onglet] [data-vr-bloc="previsionnel"],
html[data-verre] [data-vr-onglet] [data-vr-bloc="couverture"] { grid-column: span 8; }
html[data-verre] [data-vr-onglet] [data-vr-bloc="facturation"],
html[data-verre] [data-vr-onglet] [data-vr-bloc="zones"] { grid-column: span 4; }
html[data-verre] [data-vr-cache] { display: none !important; }

html[data-verre] .vr-constat { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; min-height: 40px; }
html[data-verre] .vr-constat p { margin: 0; flex: 1 1 320px; font-size: 18px; line-height: 26px; font-weight: 500; color: var(--vr-encre); text-wrap: pretty; }
html[data-verre] .vr-action {
  flex: none; height: 40px; padding: 0 20px; border: 0; border-radius: 999px; cursor: pointer;
  color: #fff; font: inherit; font-size: 14px; font-weight: 600;
  background: linear-gradient(180deg, var(--vr-action-haut), var(--vr-action));
  box-shadow: 0 10px 22px -12px var(--vr-lueur), inset 0 1px 0 rgba(255, 255, 255, .26);
  transition: transform .12s ease-out, filter .16s;
}
html[data-verre] .vr-action:hover { filter: brightness(1.08); }
html[data-verre] .vr-action:active { transform: scale(.97); }
html[data-verre] .vr-action[hidden] { display: none; }

html[data-verre] [data-vr-onglet] .vlt-admin__sb > .vlt-admin__panel-head { display: none; }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; background: none; }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-tile { padding: 13px 16px 12px; background: none; box-shadow: inset 1px 0 0 var(--vr-trait); transition: background-color .16s; }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-tile:first-child { box-shadow: none; }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-tile--link:hover { background: var(--vr-survol); }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-tile--link::before,
html[data-verre] [data-vr-onglet] .vlt-admin__sb-chip { display: none; }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; width: 100%; }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-label { font-size: 13px; line-height: 18px; color: var(--vr-encre-2); }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-value { font-size: 26px; line-height: 32px; font-weight: 600; letter-spacing: -.01em; }
html[data-verre] [data-vr-onglet] .vlt-admin__sb-legend { font-size: 12px; line-height: 16px; color: var(--vr-gris); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

html[data-verre] .vr-barre { display: flex; align-items: center; gap: 8px 16px; flex-wrap: wrap; margin: 0 0 16px; }
html[data-verre] .vr-onglets { position: relative; display: flex; flex: 1 1 100%; gap: 28px; max-width: 100%; box-shadow: inset 0 -1px 0 var(--vr-trait); overflow-x: auto; scrollbar-width: none; }
html[data-verre] .vr-onglets::-webkit-scrollbar { display: none; }
html[data-verre] .vr-onglets i { position: absolute; bottom: 0; left: 0; height: 2px; border-radius: 2px 2px 0 0; background: var(--vr-action); transition: transform .24s cubic-bezier(.2, .8, .2, 1), width .24s cubic-bezier(.2, .8, .2, 1); }
html[data-verre] .vr-onglets button { position: relative; flex: none; height: 42px; padding: 0; border: 0; background: none; color: var(--vr-gris); font: inherit; font-size: 15px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: color .16s; }
html[data-verre] .vr-onglets button:hover { color: var(--vr-encre); }
html[data-verre] .vr-onglets button[aria-current="true"] { color: var(--vr-encre); }
html[data-verre] .vr-intro { flex: 0 1 auto; min-width: 0; margin: 0; font-size: 16px; line-height: 24px; font-weight: 500; color: var(--vr-encre); text-wrap: pretty; }
html[data-verre] .vr-lien-action { flex: none; height: 34px; padding: 0 2px; border: 0; background: none; color: var(--vr-lien); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
html[data-verre] .vr-lien-action:hover { text-decoration: underline; }
html[data-verre] .vr-lien-action[hidden] { display: none; }

html[data-verre] [data-vr-onglet] .vlt-admin__panel-head { padding: 12px 16px; }
html[data-verre] [data-vr-onglet] .vlt-admin__panel-title { font-size: 15px; line-height: 20px; font-weight: 600; }

/* Priorités : des listes à lire d'un coup d'œil, plus un carrousel à faire défiler */
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__prail-nav { display: none; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__prail { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 6px 28px; padding: 6px 16px 10px; overflow: visible; scroll-snap-type: none; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__prail-section { display: flex; flex-direction: column; min-width: 0; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__prail-group { width: auto; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; padding: 2px 0 6px; border: 0; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__prail-group-lbl { font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--vr-encre-2); }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__prail-group .vlt-admin__tab-count { align-self: center; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__prail-tiles { display: block; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-li { display: block; border-top: 1px solid var(--vr-trait); }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-li:nth-child(n+6) { display: none; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; align-items: center; align-content: center;
  width: 100%; min-width: 0; height: auto; min-height: 50px; margin: 0; padding: 6px 8px; border: 0; border-radius: 10px;
  background: none; box-shadow: none; transform: none; text-align: left; transition: background-color .14s;
}
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile::before { display: none; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile:hover { background: var(--vr-survol); box-shadow: none; transform: none; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile:active { background: var(--vr-tuile-bord); }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-top { display: none; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-name { grid-column: 1; font-size: 14px; line-height: 20px; font-weight: 600; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-sub { grid-column: 1; flex-direction: row; gap: 10px; font-size: 12px; line-height: 16px; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-ref,
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-loc { color: var(--vr-gris); font-size: 12px; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-foot { grid-column: 2; grid-row: 1 / span 2; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; }
html[data-verre] [data-vr-bloc="priorites"] .vlt-admin__ptile-todo { font-size: 13px; font-weight: 600; }
html[data-verre] .vr-suite { display: block; width: 100%; height: 38px; padding: 0 8px; border: 0; border-top: 1px solid var(--vr-trait); background: none; color: var(--vr-lien); font: inherit; font-size: 13px; font-weight: 600; text-align: left; cursor: pointer; }
html[data-verre] .vr-suite:hover { text-decoration: underline; }

html[data-verre] [data-vr-bloc="tunnel"] .vlt-admin__funnel { padding: 12px 16px 6px; }
html[data-verre] [data-vr-bloc="tunnel"] .vlt-admin__funnel-note { margin: 0; padding: 4px 16px 12px; font-size: 12px; line-height: 16px; color: var(--vr-gris); }

html[data-verre] [data-vr-bloc="previsionnel"] .vlt-fc__kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 12px 16px 6px; }
html[data-verre] [data-vr-bloc="previsionnel"] .vlt-fc__kpi { padding: 12px 14px; border: 0; border-radius: 14px; background: var(--vr-tuile); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] [data-vr-bloc="previsionnel"] .vlt-fc__table { margin: 0; padding: 0 16px 8px; border: 0; background: none; box-shadow: none; }
html[data-verre] [data-vr-bloc="previsionnel"] .vlt-fc__table td { height: 38px; padding-block: 4px; }

html[data-verre] [data-vr-bloc="facturation"] { display: flex; flex-direction: column; }
html[data-verre] [data-vr-bloc="facturation"] .vlt-admin__facturation-kpis { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; gap: 10px; margin: 0; padding: 12px 16px 16px; }
html[data-verre] [data-vr-bloc="facturation"] .vlt-admin__facturation-kpi { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: center; gap: 0 12px; padding: 12px 14px; border-radius: 14px; background: var(--vr-tuile); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] [data-vr-bloc="facturation"] .vlt-admin__facturation-kpi-label { grid-column: 1; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--vr-encre-2); }
html[data-verre] [data-vr-bloc="facturation"] .vlt-admin__facturation-kpi-sub { grid-column: 1; font-size: 12px; line-height: 16px; color: var(--vr-gris); }
html[data-verre] [data-vr-bloc="facturation"] .vlt-admin__facturation-kpi-value { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 26px; line-height: 32px; font-weight: 600; }

html[data-verre] [data-vr-bloc="zones"] .vlt-admin__topzones { margin: 0; padding: 2px 16px 8px; }

html[data-verre] .vr-recrutement .vr-table { margin: 0; padding: 2px 10px 8px; }
html[data-verre] .vr-recrutement .vr-table td { height: 38px; }

/* Le graphique et le détail à gauche, la carte à droite */
html[data-verre] [data-vr-bloc="carte"] { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: auto auto 1fr; align-items: start; }
html[data-verre] [data-vr-bloc="carte"] > .vlt-admin__panel-head { grid-column: 1 / -1; grid-row: 1; }
html[data-verre] [data-vr-bloc="carte"] > .vlt-admin__map-chart { grid-column: 1; grid-row: 2; padding: 10px 16px 0; border: 0; }
html[data-verre] [data-vr-bloc="carte"] > .vlt-admin__map-chart[data-vr-long] { display: none; }
html[data-verre] [data-vr-bloc="carte"] > .vlt-admin__world { grid-column: 2; grid-row: 2 / span 2; padding: 10px 16px 14px 0; border: 0; }
html[data-verre] [data-vr-bloc="carte"] > div:last-child { grid-column: 1; grid-row: 3; margin: 0 !important; padding: 8px 16px 12px; }
html[data-verre] [data-vr-bloc="carte"] .vlt-admin__chart-tick { overflow: visible; }
html[data-verre] [data-vr-bloc="carte"] .vlt-admin__chart-tick:last-child { visibility: hidden; }
html[data-verre] [data-vr-bloc="carte"] .vlt-admin__geo-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px 20px; }
html[data-verre] [data-vr-bloc="carte"] .vlt-admin__geo-col:has(> .vlt-admin__empty) { display: none; }

/* Les autres pages : mêmes onglets partout, et une page vide reste à sa taille */
html[data-verre] .vlt-admin__plan-toggle,
html[data-verre] .vlt-achats__seg,
html[data-verre] .vlt-marketing-workspace__tabs {
  display: inline-flex; flex-wrap: nowrap; width: fit-content; max-width: 100%; gap: 2px; padding: 4px; border: 0; border-radius: 999px;
  background: var(--vr-survol); box-shadow: none; overflow-x: auto; scrollbar-width: none;
}
html[data-verre] .vlt-admin__plan-tab,
html[data-verre] .vlt-achats__seg-btn,
html[data-verre] .vlt-marketing-workspace__tab {
  flex: none; width: auto; height: 34px; min-height: 0; padding: 0 16px; border: 0; border-radius: 999px; background: none; box-shadow: none;
  color: var(--vr-gris); font-family: inherit; font-size: 14px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: color .16s, background-color .16s;
}
html[data-verre] .vlt-admin__plan-tab:hover,
html[data-verre] .vlt-achats__seg-btn:hover,
html[data-verre] .vlt-marketing-workspace__tab:hover { color: var(--vr-encre); background: none; }
html[data-verre] .vlt-admin__plan-tab--on,
html[data-verre] .vlt-achats__seg-btn.is-active,
html[data-verre] .vlt-marketing-workspace__tab.is-active,
html[data-verre] .vlt-admin__plan-tab--on:hover,
html[data-verre] .vlt-achats__seg-btn.is-active:hover,
html[data-verre] .vlt-marketing-workspace__tab.is-active:hover { background: var(--vr-repere); color: var(--vr-encre); font-weight: 600; box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vlt-marketing-workspace__tab small { display: none; }
html[data-verre] .vlt-admin__content > .vlt-admin__panel:has(> .vlt-inbox__empty),
html[data-verre] .vlt-admin__content > .vlt-admin__panel:has(> .vlt-admin__empty--nores),
html[data-verre] .vlt-admin__content > .vlt-opp:has(> .vlt-opp__board:empty) { flex: 0 0 auto; }
html[data-verre] .vlt-inbox__empty,
html[data-verre] .vlt-admin__empty--nores { flex: 0 0 auto; min-height: 200px; }
/* Pipeline : les six colonnes visibles d'un coup, et assez hautes pour y déposer une carte */
html[data-verre] .vlt-opp__board { gap: 10px; padding: 14px 16px 16px; align-items: stretch; }
html[data-verre] .vlt-opp__col { flex: 1 1 0; width: auto; min-width: 168px; max-height: calc(100dvh - 190px); overflow: hidden; border-color: var(--vr-tuile-bord); }
html[data-verre] .vlt-opp__col-head { flex-wrap: wrap; gap: 0 8px; padding: 9px 10px; }
html[data-verre] .vlt-opp__col-nom { font-size: 13px; line-height: 18px; font-weight: 600; }
html[data-verre] .vlt-opp__col-meta { font-size: 12px; line-height: 18px; color: var(--vr-gris); }
html[data-verre] .vlt-opp__col-body { flex: 1; padding: 8px; }
html[data-verre] .vlt-opp__col-empty { color: var(--vr-gris); }
html[data-verre] .vlt-opp__card { padding: 9px 10px; }
html[data-verre] .vlt-opp__board:empty { flex: 0 0 auto; min-height: 120px; display: flex; align-items: center; justify-content: center; }
html[data-verre] .vlt-opp__board:empty::before { content: "Aucune opportunité pour l’instant."; color: var(--vr-encre-2); font-size: 14px; }
html[data-verre] .vlt-admin__table td { padding-top: 9px; padding-bottom: 9px; }

/* Mon compte : le mot de passe et l'adresse de connexion, côte à côte */
html[data-verre] [data-vr-bloc="compte"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; padding-bottom: 18px; }
html[data-verre] [data-vr-bloc="compte"] > .vlt-admin__panel-head,
html[data-verre] [data-vr-bloc="compte"] > .vlt-admin__settings-intro,
html[data-verre] [data-vr-bloc="compte"] > .vr-compte-etat { grid-column: 1 / -1; }
html[data-verre] [data-vr-bloc="compte"] > .vlt-admin__settings-intro { margin: 14px 16px 0; background: var(--vr-tuile); border-color: var(--vr-tuile-bord); }
html[data-verre] [data-vr-bloc="compte"] .vlt-account__bloc { min-width: 0; margin: 14px 0 0; padding: 0 16px; border: 0; }
html[data-verre] [data-vr-bloc="compte"] .vlt-account__grid { grid-template-columns: minmax(0, 1fr); max-width: none; }
html[data-verre] [data-vr-bloc="compte"] .vlt-account__subtitle { font-size: 15px; line-height: 20px; font-weight: 600; }
html[data-verre] [data-vr-bloc="compte"] .vlt-admin__select { height: 40px; }
html[data-verre] .vr-compte-etat { display: flex; flex-wrap: wrap; gap: 8px 40px; margin: 14px 16px 0; }
html[data-verre] .vr-compte-etat dt { font-size: 12px; line-height: 16px; color: var(--vr-gris); }
html[data-verre] .vr-compte-etat dd { margin: 2px 0 0; font-size: 15px; line-height: 22px; font-weight: 600; color: var(--vr-encre); overflow-wrap: anywhere; }

/* Qui demande quoi */
html[data-verre] .vr-repartitions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 28px; padding: 12px 16px 16px; }
html[data-verre] .vr-repartition h4 { margin: 0 0 6px; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--vr-encre-2); }
html[data-verre] .vr-repartition ul { margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-repartition li { display: grid; grid-template-columns: 96px minmax(0, 1fr) 32px 38px; align-items: center; gap: 8px; min-height: 28px; font-size: 13px; color: var(--vr-encre); }
html[data-verre] .vr-repartition i { height: 6px; border-radius: 999px; background: var(--vr-survol); overflow: hidden; }
html[data-verre] .vr-repartition b { display: block; height: 100%; border-radius: 999px; background: #2e90fa; }
html[data-verre="clair"] .vr-repartition b { background: #0b6fb8; }
html[data-verre] .vr-repartition strong { text-align: right; font-weight: 600; }
html[data-verre] .vr-repartition small { text-align: right; font-size: 12px; color: var(--vr-gris); }

/* Chantiers : l'onglet Remontées et la ligne Dossier sur les cartes */
html[data-verre] .vlt-admin__content[data-vr-remontees] > :not(.vlt-admin__plan-toggle):not(.vr-remontees):not(.vr-barre):not(.vr-phrase-page) { display: none !important; }
html[data-verre] .vlt-admin__content:not([data-vr-remontees]) > .vr-remontees { display: none; }
html[data-verre] .vlt-admin__content[data-vr-remontees] .vlt-admin__plan-tab--on:not([data-vr-remontees-btn]) { background: none; box-shadow: none; color: var(--vr-gris); font-weight: 500; }
html[data-verre] .vr-remontees { display: grid; gap: 14px; margin-top: 14px; min-width: 0; font-size: 14px; line-height: 20px; color: var(--vr-encre); }
html[data-verre] .vr-remontees .vr-bandeau { margin: 0; }
html[data-verre] .vr-carte--liste { padding: 12px 16px 10px; }
html[data-verre] .vr-carte--liste .vr-table td { padding-top: 9px; padding-bottom: 9px; }
html[data-verre] .vr-filtres { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
html[data-verre] .vr-filtres button { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--vr-survol); color: var(--vr-encre-2); font: inherit; font-size: 13px; cursor: pointer; transition: background-color .16s, color .16s; }
html[data-verre] .vr-filtres button span { color: var(--vr-gris); font-weight: 600; }
html[data-verre] .vr-filtres button:hover { color: var(--vr-encre); }
html[data-verre] .vr-filtres button[aria-pressed="true"] { background: var(--vr-repere); color: var(--vr-encre); font-weight: 600; box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-filtres button:focus-visible,
html[data-verre] .vr-chantier:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: -2px; }
html[data-verre] .vr-legende { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-size: 12px; color: var(--vr-gris); }
html[data-verre] .vr-legende .vr-piece { margin-left: 8px; }
html[data-verre] .vr-table--chantiers td { height: auto; padding: 8px 6px; vertical-align: middle; }
html[data-verre] .vr-table--chantiers td small { display: block; font-size: 12px; line-height: 16px; color: var(--vr-gris); }
html[data-verre] .vr-table--chantiers td strong { font-weight: 600; }
html[data-verre] .vr-chantier { cursor: pointer; transition: background-color .14s; }
html[data-verre] .vr-chantier:hover { background: var(--vr-survol); }
html[data-verre] .vr-pieces { white-space: nowrap; }
html[data-verre] .vr-pieces b { margin-left: 8px; font-weight: 600; font-size: 13px; }
html[data-verre] .vr-reste { font-size: 13px; color: var(--vr-encre-2); }
html[data-verre] .vr-attention { color: #fdb022; font-weight: 600; }
html[data-verre="clair"] .vr-attention { color: #b54708; }
/* Trois formes, pas seulement trois couleurs */
html[data-verre] .vr-piece { display: inline-block; width: 11px; height: 11px; margin-right: 4px; border-radius: 50%; vertical-align: -1px; flex: none; }
html[data-verre] .vr-piece--fait { background: #3ddc97; }
html[data-verre="clair"] .vr-piece--fait { background: #079455; }
html[data-verre] .vr-piece--manque { box-shadow: inset 0 0 0 2px var(--vr-gris); }
html[data-verre] .vr-piece--alerte { border-radius: 2px; transform: rotate(45deg) scale(.85); background: #ff8a9b; }
html[data-verre="clair"] .vr-piece--alerte { background: #d92d20; }
html[data-verre] .vr-chantier-detail td { padding: 4px 6px 14px; border-top: 0; }
html[data-verre] .vr-piece-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 16px; margin: 0; padding: 10px 12px; border-radius: 12px; list-style: none; background: var(--vr-tuile); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-piece-ligne { display: flex; align-items: flex-start; gap: 6px; min-width: 0; }
html[data-verre] .vr-piece-ligne .vr-piece { margin-top: 4px; }
html[data-verre] .vr-piece-ligne strong { display: block; font-size: 13px; line-height: 18px; font-weight: 600; }
html[data-verre] .vr-piece-ligne span { display: block; font-size: 12px; line-height: 16px; color: var(--vr-gris); }
html[data-verre] .vr-chantier-pied { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; margin-top: 8px; }
html[data-verre] .vr-chantier-pied p { margin: 0; font-size: 13px; color: var(--vr-encre-2); }
html[data-verre] .vr-attendues { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-attendues li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-height: 38px; padding: 8px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-attendues strong { font-weight: 600; white-space: nowrap; }
html[data-verre] .vr-attendues span { font-size: 13px; color: var(--vr-gris); text-align: right; }
html[data-verre] .vr-dossier { margin-top: 6px; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--vr-encre-2); }
html[data-verre] .vr-alerte-chantiers,
html[data-verre] .vr-alerte-contacts { display: block; width: 100%; min-height: 44px; padding: 8px 16px; border: 0; border-radius: 14px; background: rgba(253, 176, 34, .13); box-shadow: inset 0 0 0 1px rgba(253, 176, 34, .35); color: var(--vr-encre); font: inherit; font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; transition: background-color .16s; }
html[data-verre] .vr-alerte-chantiers:hover { background: rgba(253, 176, 34, .2); }
html[data-verre] .vr-alerte-contacts { margin-top: 8px; background: rgba(46, 144, 250, .13); box-shadow: inset 0 0 0 1px rgba(46, 144, 250, .35); }
html[data-verre] .vr-alerte-contacts:hover { background: rgba(46, 144, 250, .2); }
html[data-verre] .vr-alerte-contacts[data-vr-cache] { display: none; }

/* Mode clair : ce que le cockpit a dessiné pour un fond foncé */
html[data-verre="clair"] [data-vr-bloc="previsionnel"] .vlt-fc__kpi--pondere dt,
html[data-verre="clair"] [data-vr-bloc="previsionnel"] .vlt-fc__kpi--pondere .vlt-fc__kpi-hint { color: var(--vr-gris); }
html[data-verre="clair"] [data-vr-bloc="previsionnel"] .vlt-fc__kpi--pondere dd { color: var(--vr-action); }
html[data-verre] .vlt-admin__ptile-todo { color: var(--vr-lien); }
html[data-verre="fonce"] [style*="color: rgb(180, 83, 9)"],
html[data-verre="fonce"] .vlt-admin__row--warn .vlt-admin__mono { color: #fdb022 !important; }
html[data-verre="fonce"] .vlt-admin__tab-count[style*="--a-warn"] { color: #241a00 !important; }
html[data-verre] .vlt-admin__devispipe-chip.is-active .vlt-admin__devispipe-num { background-color: #0b6fb8; color: #fff; }
html[data-verre] .vlt-admin__date-preset--active,
html[data-verre] .vlt-sav__new-btn,
html[data-verre] .vlt-achats__btn,
html[data-verre] .vlt-admin__facturation-filter--active { background-color: #0b6fb8; }
html[data-verre="clair"] .vlt-admin__chip--ok,
html[data-verre="clair"] .vlt-admin__chip { color: #05603a; }
html[data-verre="clair"] [style*="color: rgb(247, 144, 9)"] { color: #b54708 !important; }
html[data-verre="clair"] .vlt-admin__devispipe-chip { background: #fff; }
html[data-verre] .vlt-admin__src-pill--contact { background: #0f766e; }
html[data-verre] .vlt-admin__src-pill--livret { background: #067647; }
html[data-verre] .vlt-admin__src-pill--devis { background: #0b6fb8; }
html[data-verre] .vlt-admin__src-pill--partenaire { background: #6d3fc0; }

/* Barre du bas du téléphone : ses couleurs d'origine sont faites pour un fond foncé */
html[data-verre="clair"] .vlt-side-mobile__item { color: var(--vr-gris); }
html[data-verre="clair"] .vlt-side-mobile__item[data-vr-actif] { background: rgba(11, 111, 184, .12); color: #095a96; }
html[data-verre="fonce"] .vlt-side-mobile__item[data-vr-actif] { background: #ffffff1f; color: #fff; }
html[data-verre] .vlt-side-mobile__item.is-active:not([data-vr-actif]) { background: none; color: inherit; }
html[data-verre] .vlt-side-mobile__items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
html[data-verre="clair"] .vlt-side-mobile__sheet .vlt-side-mobile__item { color: var(--vr-encre-2); }
html[data-verre="clair"] .vlt-side-mobile__sheet .vlt-side-mobile__item[data-vr-actif] { color: #095a96; }

/* Tour de contrôle */
html[data-verre] .vr-maj { color: var(--vr-gris); font-size: 13px; white-space: nowrap; }
html[data-verre] .vr-flux { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0; margin: 0 0 14px; padding: 0; list-style: none; border-radius: 16px; background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords); overflow: hidden; }
html[data-verre] .vr-flux li { position: relative; min-width: 0; }
html[data-verre] .vr-flux li + li { box-shadow: inset 1px 0 0 var(--vr-trait); }
html[data-verre] .vr-flux button { display: flex; flex-direction: column; gap: 2px; width: 100%; height: 100%; padding: 12px 12px 10px; border: 0; background: none; color: var(--vr-encre); font: inherit; text-align: left; cursor: pointer; }
html[data-verre] .vr-flux button:hover { background: var(--vr-survol); }
html[data-verre] .vr-flux button:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: -2px; }
html[data-verre] .vr-flux span { overflow: hidden; color: var(--vr-gris); font-size: 13px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; }
html[data-verre] .vr-flux strong { font-size: 24px; line-height: 30px; font-weight: 600; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-flux small { min-height: 16px; color: var(--vr-gris); font-size: 12px; line-height: 16px; }
html[data-verre] .vr-flux__alerte small { color: #fdb022; font-weight: 600; }
html[data-verre] .vr-flux__vide strong { color: var(--vr-gris); font-weight: 500; }
html[data-verre="clair"] .vr-flux__alerte small { color: #b54708; }
html[data-verre] .vr-grille > .vr-7 { grid-column: span 7; }
html[data-verre] .vr-grille > .vr-5 { grid-column: span 5; }
html[data-verre] .vr-grille > .vr-12 { grid-column: 1 / -1; }
html[data-verre] .vr-grille > .vr-4 { grid-column: span 4; }
html[data-verre] .vr-grille--tour > .vr-metier { grid-column: span 4; }
html[data-verre] .vr-grille--tour { align-items: stretch; }
html[data-verre] .vr-metier .vr-tete { min-height: 34px; }
html[data-verre] .vr-carte--excs { display: flex; flex-direction: column; min-height: 0; max-height: 640px; }
html[data-verre] .vr-excs { flex: 1; min-height: 0; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
html[data-verre] .vr-exc { display: grid; grid-template-columns: 92px minmax(0, 1fr) 96px auto; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-exc:first-child { border-top: 0; }
html[data-verre] .vr-exc__niveau { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; white-space: nowrap; }
html[data-verre] .vr-exc__niveau::before { content: ""; width: 9px; height: 9px; flex: none; background: currentColor; }
html[data-verre] .vr-exc--1 .vr-exc__niveau { color: #ff8a9b; }
html[data-verre] .vr-exc--1 .vr-exc__niveau::before { transform: rotate(45deg); }
html[data-verre] .vr-exc--2 .vr-exc__niveau { color: #fdb022; }
html[data-verre] .vr-exc--2 .vr-exc__niveau::before { border-radius: 50%; }
html[data-verre] .vr-exc--3 .vr-exc__niveau { color: var(--vr-gris); }
html[data-verre] .vr-exc--3 .vr-exc__niveau::before { background: none; border: 2px solid currentColor; border-radius: 50%; width: 7px; height: 7px; }
html[data-verre="clair"] .vr-exc--1 .vr-exc__niveau { color: #b42318; }
html[data-verre="clair"] .vr-exc--2 .vr-exc__niveau { color: #b54708; }
html[data-verre] .vr-exc__quoi { min-width: 0; }
html[data-verre] .vr-exc__quoi strong { display: block; color: var(--vr-encre); font-size: 14px; font-weight: 600; line-height: 19px; }
html[data-verre] .vr-exc__quoi small { display: block; color: var(--vr-gris); font-size: 12px; line-height: 16px; }
html[data-verre] .vr-balle { color: var(--vr-encre-2); font-size: 13px; }
html[data-verre] .vr-exc .vr-geste { min-height: 32px; padding: 0 12px; font-size: 13px; }
html[data-verre] .vr-bloc--carte { display: flex; flex-direction: column; min-height: 380px; }
html[data-verre] .vr-segments--carte { align-self: flex-start; margin-bottom: 8px; }
html[data-verre] .vr-segments--carte button { padding: 0 10px; white-space: nowrap; }
html[data-verre] .vr-fr { display: block; width: 100%; max-height: 330px; margin: 0 auto; }
html[data-verre] .vr-carte-fr__attente { height: 300px; border-radius: 12px; }
html[data-verre] .vr-fr path { stroke: var(--vr-verre-fort); stroke-width: .8; cursor: pointer; }
html[data-verre] .vr-fr path:hover { stroke: var(--vr-encre); stroke-width: 1.2; }
html[data-verre] .vr-fr .vr-fr-choisi { stroke: var(--vr-encre); stroke-width: 1.6; }
html[data-verre="fonce"] .vr-fr-0 { fill: rgba(255, 255, 255, .08); }
html[data-verre="fonce"] .vr-fr-1 { fill: #1d5f8f; }
html[data-verre="fonce"] .vr-fr-2 { fill: #2a84c4; }
html[data-verre="fonce"] .vr-fr-3 { fill: #55aee8; }
html[data-verre="fonce"] .vr-fr-4 { fill: #a9d2ff; }
html[data-verre="clair"] .vr-fr-0 { fill: #e7ecf3; }
html[data-verre="clair"] .vr-fr-1 { fill: #b9d8f0; }
html[data-verre="clair"] .vr-fr-2 { fill: #7ab4e0; }
html[data-verre="clair"] .vr-fr-3 { fill: #2f83c5; }
html[data-verre="clair"] .vr-fr-4 { fill: #0b5a96; }
html[data-verre] .vr-carte-fr__note { margin: 6px 0 0; color: var(--vr-gris); font-size: 13px; line-height: 18px; }
html[data-verre] .vr-carte-fr__credit { margin: 2px 0 0; color: var(--vr-gris); font-size: 12px; line-height: 18px; }
html[data-verre] .vr-carte-fr__credit a { display: inline-block; color: inherit; text-decoration: underline; }
html[data-verre] .vr-metier dl { display: grid; margin: 0; }
html[data-verre] .vr-metier dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; border-top: 1px solid var(--vr-trait); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-metier dl > div:first-child { border-top: 0; }
html[data-verre] .vr-metier dt { color: var(--vr-gris); font-weight: 500; }
html[data-verre] .vr-metier dd .vr-lien-action { height: 20px; font-size: 14px; }
html[data-verre] .vr-metier dd { margin: 0; color: var(--vr-encre); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-verre] .vr-metier__alerte dd { color: #fdb022; }
html[data-verre="clair"] .vr-metier__alerte dd { color: #b54708; }
html[data-verre] .vr-metier .vr-tete { display: flex; align-items: center; justify-content: space-between; }
html[data-verre] .vr-note-vide { color: var(--vr-gris); font-size: 13px; }
html[data-verre] .vr-table td small { display: block; color: var(--vr-gris); font-size: 12px; line-height: 16px; }

/* Rapports de début et de fin d'un chantier */
html[data-verre] .vr-rapports { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
html[data-verre] .vr-rapport { padding: 10px 12px; border-radius: 12px; background: var(--vr-tuile); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-rapport h3 { margin: 0 0 6px; color: var(--vr-encre); font-size: 14px; line-height: 20px; font-weight: 600; }
html[data-verre] .vr-rapport dl { margin: 0; }
html[data-verre] .vr-rapport dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; font-size: 13px; line-height: 18px; }
html[data-verre] .vr-rapport dt { flex: none; color: var(--vr-gris); }
html[data-verre] .vr-rapport dd { margin: 0; color: var(--vr-encre); text-align: right; overflow-wrap: anywhere; }

/* Le menu en six entrées : une seule colonne, sans titres de groupe */
html[data-verre] .vlt-side__nav { display: flex; flex-direction: column; gap: 2px; }
html[data-verre] .vlt-side__group,
html[data-verre] .vlt-side__list { display: contents; }
html[data-verre] .vlt-side__cat { display: none; }

/* Ce qui fait doublon avec la tour de contrôle et les onglets */
html[data-verre] .vlt-admin__bento--contacts,
html[data-verre] .vlt-admin__bento--zones { display: none; }

/* Deuxième niveau : une pastille, plus petite que les onglets de la page */
html[data-verre] .vr-barre[data-vr-pour="sous"] { margin-bottom: 14px; }
html[data-verre] .vr-barre[data-vr-pour="sous"] .vr-onglets { display: inline-flex; flex: none; gap: 2px; padding: 4px; border-radius: 999px; background: var(--vr-survol); box-shadow: none; }
html[data-verre] .vr-barre[data-vr-pour="sous"] .vr-onglets i { top: 4px; bottom: 4px; height: auto; border-radius: 999px; background: var(--vr-repere); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-barre[data-vr-pour="sous"] .vr-onglets button { height: 32px; padding: 0 14px; font-size: 14px; border-radius: 999px; }
html[data-verre] .vlt-admin__plan-tab,
html[data-verre] .vlt-achats__seg-btn,
html[data-verre] .vlt-marketing-workspace__tab { height: 32px; padding: 0 14px; }

/* Marketing est une entrée du menu : ses onglets sont ceux du premier niveau, soulignés comme partout */
html[data-verre] .vlt-marketing-workspace__tabs { display: flex; width: 100%; gap: 28px; padding: 0; border-radius: 0; background: none; box-shadow: inset 0 -1px 0 var(--vr-trait); }
html[data-verre] .vlt-marketing-workspace__tab { height: 42px; padding: 0; border-radius: 0; font-size: 15px; }
html[data-verre] .vlt-marketing-workspace__tab.is-active,
html[data-verre] .vlt-marketing-workspace__tab.is-active:hover { background: none; color: var(--vr-encre); font-weight: 500; box-shadow: inset 0 -2px 0 var(--vr-action); }
/* Les dates et les budgets de l'attribution s'alignent sur le reste de la carte */
html[data-verre] [aria-label="Export des conversions (CSV)"],
html[data-verre] [aria-label="Export des conversions (CSV)"] + div { padding-inline: 16px; }
/* Le panneau des pixels garde la même marge et le même titre que les autres cartes */
html[data-verre] .vlt-admin__panel[aria-labelledby="vlt-ads-h"] { padding: 18px; }
html[data-verre] #vlt-ads-h { color: var(--vr-encre); font-size: 16px; line-height: 22px; font-weight: 600; }
html[data-verre] .vlt-aud__count { color: var(--vr-encre); }

/* Un titre de bloc qui répète l'onglet ouvert : s'il était seul sur sa ligne, la ligne part avec lui */
html[data-verre] [data-vr-doublon] { visibility: hidden; }
html[data-verre] .vlt-admin__panel-head:has(> [data-vr-doublon]:only-child) { display: none; }

/* Un bloc vide reste à la hauteur de son message */
html[data-verre] .vlt-admin__content > .vlt-admin__panel:has(> .vlt-admin__empty) { flex: 0 0 auto; }
html[data-verre] .vlt-admin__panel > .vlt-admin__empty { min-height: 0; padding: 36px 16px; }

/* Le SAV reste dans son bloc, sans se coller au bord */
html[data-verre] .vlt-admin__panel > .vlt-sav { margin: 0 16px 16px; border: 1px solid var(--vr-trait); border-radius: 14px; background: none; box-shadow: none; }

/* Mêmes boutons dans tous les en-têtes de bloc */
html[data-verre] .vlt-admin__panel-head .vlt-admin__btn { min-height: 36px; height: 36px; padding: 0 16px; font-size: 14px; line-height: 20px; }

/* Les achats gardent le même écart que le reste */
html[data-verre] .vlt-achats > div:not(.vr-livraisons):not(.vlt-achats__seg) { display: flex; flex-direction: column; gap: 14px; }

/* Une seule écriture pour les libellés */
html[data-verre] .vlt-shell__main * { text-transform: none; }

/* Le chiffre des achats suit le thème, comme les autres cartes */
html[data-verre] .vlt-achats__kpi--accent { background: var(--vr-verre-fort); border: 0; box-shadow: var(--vr-bords); color: var(--vr-encre); }
html[data-verre] .vlt-achats__kpi--accent * { color: inherit; }

/* Une phrase de situation en tête de chaque page */
html[data-verre] .vr-phrase-page { margin: 0 0 14px; color: var(--vr-encre); font-size: 16px; line-height: 24px; font-weight: 500; text-wrap: pretty; }

/* Livraisons */
html[data-verre] [data-vr-livraisons] > :not(.vlt-achats__seg):not(.vr-livraisons):not(.vr-phrase-page) { display: none; }
html[data-verre] :not([data-vr-livraisons]) > .vr-livraisons { display: none; }
html[data-verre] .vr-livraisons { display: grid; gap: 14px; margin-top: 12px; }
html[data-verre] .vr-livs { margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-liv { display: grid; gap: 8px; padding: 12px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-liv:first-child { border-top: 0; }
html[data-verre] .vr-liv__champs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; gap: 10px; }
html[data-verre] .vr-liv__champs label { display: grid; gap: 4px; color: var(--vr-gris); font-size: 13px; }
html[data-verre] .vr-liv__champs input,
html[data-verre] .vr-liv__champs select { min-height: 38px; padding: 0 8px; border: 1px solid var(--vr-tuile-bord); border-radius: 10px; background: var(--vr-tuile); color: var(--vr-encre); font: inherit; }

html[data-verre] [data-vr-livraisons-btn][aria-pressed="true"] { background: var(--vr-repere); color: var(--vr-encre); font-weight: 600; box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] [data-vr-livraisons] .vlt-achats__seg button:not([data-vr-livraisons-btn]) { background: none; box-shadow: none; color: var(--vr-gris); font-weight: 500; }

/* Verrouillage automatique */
html[data-verre] .vr-veille { position: fixed; z-index: 60; left: 50%; bottom: 92px; display: flex; align-items: center; gap: 14px; max-width: calc(100vw - 24px); padding: 10px 14px; border-radius: 14px; background: var(--vr-verre-fort); box-shadow: var(--vr-bords), 0 12px 30px rgba(0, 0, 0, .3); color: var(--vr-encre); font-size: 14px; transform: translateX(-50%); }
html[data-verre] .vr-veille button { flex: none; }

/* Simulateurs : qui rappeler, et les questions du chat */
html[data-verre] a.vlt-admin__btn { text-decoration: none; }
html[data-verre] .vr-rappels { display: grid; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-rappel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) auto; align-items: center; gap: 8px 16px; padding: 12px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-rappel:first-child { border-top: 0; }
html[data-verre] .vr-rappel--chat { grid-template-columns: minmax(0, 1fr); }
html[data-verre] .vr-rappel__qui { min-width: 0; }
html[data-verre] .vr-rappel__qui strong { display: block; color: var(--vr-encre); font-size: 15px; font-weight: 600; line-height: 20px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-rappel__qui span,
html[data-verre] .vr-rappel__quoi small { display: block; color: var(--vr-gris); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
html[data-verre] .vr-rappel__quoi,
html[data-verre] .vr-rappel__question { min-width: 0; margin: 0; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
html[data-verre] .vr-gestes { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-verre] .vr-geste { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; }
html[data-verre] .vr-geste:hover { filter: brightness(1.12); }
html[data-verre] .vr-geste:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vr-geste[disabled] { opacity: .6; cursor: progress; }
html[data-verre] .vr-geste--plein { background: var(--vr-action); color: #fff; }
html[data-verre] .vr-faits { margin-top: 6px; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-faits summary { display: flex; align-items: center; min-height: 44px; color: var(--vr-gris); font-size: 14px; font-weight: 600; cursor: pointer; }
html[data-verre] .vr-plus__note { margin: 0; padding: 0 18px 16px; }

/* Le tableau du suivi : toutes les colonnes visibles d'un coup */
html[data-verre] .vlt-admin__suivi-board { grid-auto-columns: minmax(170px, 1fr); gap: 10px; }

/* Pages ajoutées : Tracking et Simulateurs */
html[data-verre] .vlt-shell[data-vr-ouvert] .vlt-shell__topbar,
html[data-verre] .vlt-shell[data-vr-ouvert] .vlt-shell__body { display: none; }
html[data-verre] .vlt-side__item.is-active:not([data-vr-actif]) { background: none; box-shadow: none; color: var(--vr-encre-2); }
html[data-verre] .vlt-side__item.vr-actif {
  color: #fff;
  background: linear-gradient(180deg, var(--vr-action-haut), var(--vr-action));
  box-shadow: 0 10px 24px -12px var(--vr-lueur), inset 0 1px 0 rgba(255, 255, 255, .24);
}
html[data-verre] .vr-vue { width: 100%; max-width: 1500px; margin: 0 auto; padding: 14px 24px 44px; color: var(--vr-encre); font-size: 14px; line-height: 20px; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-titre { margin: 0 0 16px; }
html[data-verre] .vr-titre__ligne { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
html[data-verre] .vr-titre h1 { margin: 0; font-size: 30px; line-height: 38px; font-weight: 600; letter-spacing: -.02em; }
html[data-verre] .vr-titre .vr-chercher { margin-left: auto; }
html[data-verre] .vr-chercher { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--vr-verre-fort); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); color: var(--vr-encre-2); font: inherit; font-size: 14px; cursor: pointer; transition: background-color .16s; }
html[data-verre] .vr-chercher:hover { background: var(--vr-survol); }
html[data-verre] .vr-chercher svg { width: 15px; height: 15px; }
html[data-verre] .vr-titre .vr-segments { margin-left: auto; }
html[data-verre] .vr-titre .vr-segments + .vr-chercher { margin-left: 0; }

html[data-verre] .vr-bandeau {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); min-height: 86px; margin-bottom: 14px; border-radius: 20px; overflow: hidden;
  background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords);
}
html[data-verre] .vr-case { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 13px 16px 12px; box-shadow: inset 1px 0 0 var(--vr-trait); }
html[data-verre] .vr-case:first-child { box-shadow: none; }
html[data-verre] .vr-case__nom { font-size: 13px; line-height: 18px; color: var(--vr-encre-2); }
html[data-verre] .vr-case__valeur { display: flex; align-items: center; gap: 8px; font-size: 26px; line-height: 32px; font-weight: 600; letter-spacing: -.01em; }
html[data-verre] .vr-case__valeur .vr-pastille { letter-spacing: 0; }
html[data-verre] .vr-case__note { font-size: 12px; line-height: 16px; color: var(--vr-gris); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

html[data-verre] .vr-grille { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; }
html[data-verre] .vr-grille > * { grid-column: 1 / -1; min-width: 0; margin: 0; }
html[data-verre] .vr-grille > .vr-8 { grid-column: span 8; }
html[data-verre] .vr-grille > .vr-6 { grid-column: span 6; }
html[data-verre] .vr-grille > .vr-4 { grid-column: span 4; }

html[data-verre] .vr-carte {
  position: relative; min-width: 0; padding: 16px 18px 18px; border-radius: 20px;
  background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords);
}
html[data-verre] .vr-tete { margin-bottom: 12px; }
html[data-verre] .vr-tete h2 { margin: 0; font-size: 15px; line-height: 20px; font-weight: 600; }
html[data-verre] .vr-tete p { margin: 2px 0 0; font-size: 13px; line-height: 18px; color: var(--vr-gris); }
html[data-verre] .vr-deux { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
html[data-verre] .vr-note { font-size: 13px; color: var(--vr-gris); }
html[data-verre] .vr-pastille { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; background: var(--vr-survol); color: var(--vr-encre-2); }
html[data-verre="fonce"] .vr-bon { background: rgba(18, 183, 106, .2); color: #62e8ad; }
html[data-verre="fonce"] .vr-mauvais { background: rgba(226, 68, 92, .22); color: #ff8a9b; }
html[data-verre="clair"] .vr-bon { background: #d6f5e5; color: #05603a; }
html[data-verre="clair"] .vr-mauvais { background: #fde3e7; color: #a3203a; }
html[data-verre] .vr-segments { display: inline-flex; flex: none; padding: 3px; border-radius: 999px; background: var(--vr-survol); }
html[data-verre] .vr-segments button { height: 30px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: var(--vr-gris); font: inherit; font-size: 13px; cursor: pointer; transition: color .16s, background-color .16s; }
html[data-verre] .vr-segments button:hover { color: var(--vr-encre); }
html[data-verre] .vr-segments button[aria-pressed="true"] { background: var(--vr-repere); color: var(--vr-encre); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-graphe { position: relative; }
html[data-verre] .vr-graphe svg { display: block; width: 100%; overflow: visible; }
html[data-verre] .vr-graphe text { font-size: 12px; fill: var(--vr-gris); }
html[data-verre] .vr-g { stroke: var(--vr-trait); }
html[data-verre] .vr-g0 { stroke: var(--vr-tuile-bord); }
html[data-verre] .vr-ligne { fill: none; stroke: #2e90fa; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
html[data-verre="clair"] .vr-ligne { stroke: #0b6fb8; }
html[data-verre] .vr-curseur { stroke: var(--vr-tuile-bord); stroke-dasharray: 3 3; }
html[data-verre] .vr-point { fill: #2e90fa; stroke: #03161f; stroke-width: 2; }
html[data-verre] .vr-bulle { position: absolute; top: 4px; padding: 6px 10px; border-radius: 10px; background: var(--vr-verre-fort); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); font-size: 13px; white-space: nowrap; pointer-events: none; }
html[data-verre] .vr-tunnel { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
html[data-verre] .vr-tunnel__ligne { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
html[data-verre] .vr-tunnel__ligne strong { font-size: 18px; line-height: 24px; font-weight: 600; }
html[data-verre] .vr-tunnel__jauge { height: 6px; margin: 4px 0; border-radius: 999px; background: var(--vr-survol); overflow: hidden; }
html[data-verre] .vr-tunnel__jauge i { display: block; height: 100%; border-radius: 999px; background: #2e90fa; }
html[data-verre="clair"] .vr-tunnel__jauge i { background: #0b6fb8; }
html[data-verre] .vr-tunnel__note { font-size: 12px; line-height: 16px; color: var(--vr-gris); }
html[data-verre] .vr-table { overflow-x: auto; margin: 0 -6px; }
html[data-verre] .vr-table table { width: 100%; border-collapse: collapse; }
html[data-verre] .vr-table th { padding: 8px 6px; text-align: left; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--vr-gris); white-space: nowrap; }
html[data-verre] .vr-table td { height: 40px; padding: 0 6px; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-table .vr-n { text-align: right; white-space: nowrap; }
html[data-verre] .vr-liste { margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-liste li { min-height: 36px; display: flex; align-items: center; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-liste li:first-child { border-top: 0; }
html[data-verre] .vr-vide { padding: 14px; border-radius: 10px; border: 1px dashed var(--vr-tuile-bord); color: var(--vr-encre-2); font-size: 13px; }
html[data-verre] .vr-lien { border: 0; background: none; padding: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
html[data-verre] .vr-plus { padding: 0; }
html[data-verre] .vr-plus summary { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 8px 18px; border-radius: 20px; cursor: pointer; list-style: none; transition: background-color .16s; }
html[data-verre] .vr-plus summary::-webkit-details-marker { display: none; }
html[data-verre] .vr-plus summary:hover { background: var(--vr-survol); }
html[data-verre] .vr-plus summary > span { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
html[data-verre] .vr-plus summary strong { font-size: 15px; font-weight: 600; }
html[data-verre] .vr-plus summary::after { content: ""; width: 8px; height: 8px; flex: none; border-right: 1.8px solid var(--vr-gris); border-bottom: 1.8px solid var(--vr-gris); transform: rotate(45deg); transition: transform .2s var(--vr-courbe); }
html[data-verre] .vr-plus[open] summary::after { transform: rotate(-135deg); }
html[data-verre] .vr-plus .vr-deux { padding: 0 18px 16px; }

/* Les retours visuels : brefs, et absents si la personne réduit les animations */
html[data-verre] .vr-onglets button:focus-visible,
html[data-verre] .vr-action:focus-visible,
html[data-verre] .vr-lien-action:focus-visible,
html[data-verre] .vr-suite:focus-visible,
html[data-verre] .vr-chercher:focus-visible,
html[data-verre] .vr-segments button:focus-visible,
html[data-verre] .vr-plus summary:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vlt-admin__btn { transition: transform .12s ease-out, filter .16s; }
html[data-verre] .vlt-admin__btn:active { transform: scale(.97); }
html[data-verre] .vr-squelette { min-height: 260px; background-image: linear-gradient(100deg, transparent 30%, var(--vr-survol) 50%, transparent 70%); background-size: 220% 100%; }
html[data-verre] .vr-bandeau.vr-squelette { min-height: 86px; }
@media (prefers-reduced-motion: no-preference) {
  html[data-verre] .vr-squelette { animation: vr-reflet 1.3s linear infinite; }
  html[data-verre] .vlt-shell__body .vlt-admin__panel,
  html[data-verre] .vr-vue .vr-carte:not(.vr-squelette),
  html[data-verre] .vr-vue .vr-bandeau:not(.vr-squelette) { animation: vr-arrivee .2s var(--vr-courbe) backwards; }
}
@keyframes vr-arrivee { from { opacity: 0; transform: translateY(6px); } }
@keyframes vr-reflet { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) {
  html[data-verre] .vr-onglets i { transition: none; }
}

@media (max-width: 1080px) {
  /* Sur téléphone, le contenu défile sous la barre du bas : elle garde son flou */
  html[data-verre] .vlt-side { background-color: var(--vr-verre-fort); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
  html[data-verre="clair"] .vlt-side { box-shadow: 0 -1px 0 var(--vr-trait), 0 -10px 24px -18px rgba(20, 32, 64, .3); }
  html[data-verre] [data-vr-onglet] [data-vr-bloc="previsionnel"],
  html[data-verre] [data-vr-onglet] [data-vr-bloc="couverture"],
  html[data-verre] [data-vr-onglet] [data-vr-bloc="facturation"],
  html[data-verre] [data-vr-onglet] [data-vr-bloc="zones"] { grid-column: 1 / -1; }
  html[data-verre] [data-vr-onglet] .vlt-admin__sb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-verre] [data-vr-bloc="compte"] { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-repartitions { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-piece-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-verre] .vr-attendues { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] [data-vr-bloc="carte"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  html[data-verre] [data-vr-bloc="carte"] > * { grid-column: 1 !important; grid-row: auto !important; }
  html[data-verre] [data-vr-bloc="carte"] > .vlt-admin__world { padding: 10px 16px 14px; }
  html[data-verre] .vr-grille > .vr-8,
  html[data-verre] .vr-grille > .vr-6,
  html[data-verre] .vr-grille > .vr-4 { grid-column: 1 / -1; }
  html[data-verre] .vr-bandeau { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-verre] .vr-case { box-shadow: inset 1px 0 0 var(--vr-trait), inset 0 1px 0 var(--vr-trait); }
}
@media (max-width: 900px) {
  /* Barre du bas : le nom entier de chaque page, sur deux lignes s'il le faut */
  html[data-verre] .vlt-side-mobile__label { overflow: visible; white-space: normal; font-size: 10.5px; line-height: 1.05; }
}
@media (max-width: 860px) {
  /* Un champ sous 16 px fait zoomer l'iPhone dès qu'on le touche */
  html[data-verre] input:not([type="checkbox"]):not([type="radio"]),
  html[data-verre] select,
  html[data-verre] textarea { font-size: 16px; }
  html[data-verre] .vlt-shell__main input:not([type="checkbox"]):not([type="radio"]),
  html[data-verre] .vlt-shell__main select { min-height: 40px; }

  /* Le titre défile avec la page : il ne recouvre plus la liste et laisse de la place */
  html[data-verre] .vlt-shell__topbar { position: static; }

  /* Le choix des dates reste sur ordinateur : les périodes suffisent ici et laissent la place aux chiffres */

  /* Tout ce qui se touche du doigt fait au moins 36 px de haut */
  html[data-verre] .vlt-help__btn { width: 36px; height: 36px; }
  html[data-verre] .vlt-gsearch__trigger { min-width: 44px; height: 36px; }
  html[data-verre] .vlt-parttiles__chip,
  html[data-verre] .vlt-admin__src-toggle,
  html[data-verre] .vlt-admin__facturation-filter,
  html[data-verre] .vlt-sav__new-btn,
  html[data-verre] .vlt-admin__btn,
  html[data-verre] .vlt-admin__fr-chip { min-height: 36px; }
  html[data-verre] .vlt-admin__ref-btn { min-height: 32px; }
  html[data-verre] a.vlt-tel-link { display: inline-flex; align-items: center; min-height: 32px; }
  html[data-verre] .vlt-admin__stop-sms { min-height: 32px; }
  html[data-verre] .vr-segments button { min-height: 36px; }

  /* Les onglets tiennent sur la largeur d'un téléphone */
  html[data-verre] .vr-onglets { gap: 20px; }
  html[data-verre] .vlt-marketing-workspace__tabs { gap: 20px; }

  /* Le plus long titre tient sur la ligne de la recherche */
  html[data-verre] .vlt-shell__topbar { flex-wrap: nowrap; }
  html[data-verre] .vlt-shell__title,
  html[data-verre] .vr-titre h1 { min-width: 0; font-size: 24px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html[data-verre] .vr-titre__ligne { flex-wrap: nowrap; }
  html[data-verre] .vr-barre[data-vr-pour="sous"] .vr-onglets button { padding: 0 12px; }
  html[data-verre] .vlt-admin__plan-tab { padding-left: 10px; padding-right: 10px; }

  /* Les chiffres vont par deux pour laisser voir la liste */
  html[data-verre] .vlt-parttiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html[data-verre] .vlt-parttiles > :nth-child(3) { order: -1; }
  html[data-verre] .vlt-parttiles > :nth-child(1) { order: -2; }
  html[data-verre] .vlt-parttiles > :nth-child(2),
  html[data-verre] .vlt-parttiles > :nth-child(4) { grid-column: 1 / -1; }
  html[data-verre] .vr-case__note { white-space: normal; overflow: visible; text-overflow: clip; }

  /* Une colonne de tableau de suivi à la fois, qui s'arrête bien en place */
  html[data-verre] .vlt-admin__suivi-board { grid-auto-columns: 82%; scroll-snap-type: x proximity; }
  html[data-verre] .vlt-opp__board { scroll-snap-type: x proximity; }
  html[data-verre] .vlt-opp__col { flex: 0 0 82%; }
  html[data-verre] .vlt-opp__board > *,
  html[data-verre] .vlt-admin__suivi-board > * { scroll-snap-align: start; }

  /* Chaque ligne de tableau devient une fiche */
  html[data-verre] table[data-vr-fiches],
  html[data-verre] table[data-vr-fiches] tbody { display: block; width: 100%; min-width: 0; }
  html[data-verre] table[data-vr-fiches] thead { display: none; }
  html[data-verre] table[data-vr-fiches] tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-bottom: 8px; padding: 12px; border: 1px solid var(--vr-tuile-bord); border-radius: 14px; background: var(--vr-tuile); }
  html[data-verre] table[data-vr-fiches] td { display: block; min-width: 0; height: auto; padding: 0; border: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; font-size: 14px; line-height: 20px; }
  html[data-verre] table[data-vr-fiches] td::before { content: attr(data-vr-titre); display: block; color: var(--vr-gris); font-size: 12px; font-weight: 500; line-height: 16px; }
  html[data-verre] table[data-vr-fiches] td:first-child { grid-column: 1 / -1; font-size: 15px; font-weight: 600; }
  html[data-verre] table[data-vr-fiches] td:first-child::before { display: none; }
  html[data-verre] table[data-vr-fiches] td[data-vr-vide] { display: none; }
  html[data-verre] .vr-table table[data-vr-fiches] tbody tr { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-verre] .vr-table table[data-vr-fiches] td.vr-n { text-align: left; }
  html[data-verre] .vlt-admin__table-wrap:has(> table[data-vr-fiches]),
  html[data-verre] .vr-table:has(> table[data-vr-fiches]) { overflow: visible; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }

  /* Tour de contrôle sur téléphone */
  html[data-verre] .vr-flux { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-verre] .vr-flux li:nth-child(3n + 1) { box-shadow: none; }
  html[data-verre] .vr-flux li:nth-child(n + 4) { border-top: 1px solid var(--vr-trait); }
  html[data-verre] .vr-flux button { padding: 10px 10px 8px; }
  html[data-verre] .vr-flux strong { font-size: 20px; line-height: 26px; }
  html[data-verre] .vr-grille > .vr-7,
  html[data-verre] .vr-grille > .vr-5,
  html[data-verre] .vr-grille > .vr-4,
  html[data-verre] .vr-grille--tour > .vr-metier { grid-column: 1 / -1; }
  html[data-verre] .vr-carte--excs { max-height: none; }
  html[data-verre] .vr-exc { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; }
  html[data-verre] .vr-exc__quoi { grid-column: 1 / -1; grid-row: 2; }
  html[data-verre] .vr-balle { grid-column: 2; grid-row: 1; justify-self: end; }
  html[data-verre] .vr-exc .vr-geste { grid-column: 1 / -1; min-height: 40px; }
  html[data-verre] .vr-liv__champs { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-rapports { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-segments--carte { max-width: 100%; overflow-x: auto; }
  html[data-verre] .vr-segments--carte button { padding: 0 8px; }

  /* Sur téléphone, chaque chantier devient une petite fiche plutôt qu'une ligne de tableau */
  html[data-verre] .vr-table--chantiers,
  html[data-verre] .vr-table--chantiers tbody,
  html[data-verre] .vr-chantier-detail,
  html[data-verre] .vr-chantier-detail td { display: block; }
  html[data-verre] .vr-table--chantiers thead { display: none; }
  html[data-verre] .vr-chantier { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; padding: 10px 6px; border-top: 1px solid var(--vr-trait); }
  html[data-verre] .vr-table--chantiers .vr-chantier td { display: block; height: auto; padding: 0; border: 0; }
  html[data-verre] .vr-chantier td:nth-child(1) { grid-column: 1; grid-row: 1; }
  html[data-verre] .vr-chantier td:nth-child(4) { grid-column: 2; grid-row: 1; }
  html[data-verre] .vr-chantier td:nth-child(n+5),
  html[data-verre] .vr-chantier td:nth-child(2),
  html[data-verre] .vr-chantier td:nth-child(3) { grid-column: 1 / -1; font-size: 13px; }
  html[data-verre] .vr-legende { margin-left: 0; }
  html[data-verre] .vr-rappel { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-gestes { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; }
  html[data-verre] .vr-geste { min-height: 44px; padding: 0 8px; }
  html[data-verre] .vr-deux { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-vue { padding: 12px 14px 90px; }
  html[data-verre] .vr-intro { flex-basis: 100%; }
  html[data-verre] [data-vr-onglet] .vlt-admin__sb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-verre] [data-vr-onglet] .vlt-admin__sb-legend { display: none; }
  html[data-verre] .vr-constat p { font-size: 16px; line-height: 22px; }
  html[data-verre] .vr-action { width: 100%; }
}

/* Tour de contrôle : les chiffres du site, avant la carte */
html[data-verre] { --vr-kpi: #2e90fa; --vr-kpi-haut: #84caff; }
html[data-verre="clair"] { --vr-kpi: #0b6fb8; --vr-kpi-haut: #084f85; }
html[data-verre] .vr-phrase-page:has(> .vr-geste) { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; }
html[data-verre] .vr-phrase-page > .vr-geste { margin-left: auto; }
html[data-verre] .vr-direct { display: inline-flex; align-items: center; gap: 8px; color: var(--vr-gris); font-size: 13px; font-weight: 400; white-space: nowrap; }
html[data-verre] .vr-direct i { position: relative; width: 8px; height: 8px; flex: none; border-radius: 50%; background: #12b76a; }
html[data-verre] .vr-direct--calme i { background: var(--vr-gris); }
html[data-verre] .vr-direct i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; animation: vr-pouls 2.6s cubic-bezier(.22, 1, .36, 1) infinite; }
html[data-verre] .vr-direct--calme i::after { animation: none; }
@keyframes vr-pouls { from { transform: scale(1); opacity: .7; } to { transform: scale(3.2); opacity: 0; } }

/* Le courant du site : la scène d'ouverture de la Tour */
html[data-verre] .vr-courant { position: relative; display: grid; grid-template-columns: minmax(170px, 1fr) minmax(64px, .6fr) 236px minmax(64px, .6fr) minmax(250px, 1.35fr); align-items: center; min-height: 330px; padding: 16px 22px; border-radius: 22px; background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords); }
html[data-verre] .vr-courant__fils { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
html[data-verre] .vr-fil { fill: none; stroke: var(--vr-kpi); stroke-opacity: .34; stroke-linecap: round; }
html[data-verre] .vr-fil--vide { stroke: var(--vr-tuile-bord); stroke-opacity: 1; stroke-dasharray: 2 6; }
html[data-verre] .vr-fil__point { fill: var(--vr-kpi-haut); }
html[data-verre] .vr-courant__sources,
html[data-verre] .vr-courant__issues { position: relative; grid-row: 1; min-width: 0; }
html[data-verre] .vr-courant__sources { grid-column: 1; }
html[data-verre] .vr-courant__issues { grid-column: 5; }
html[data-verre] .vr-courant h2 { margin: 0 0 8px; color: var(--vr-gris); font-size: 13px; line-height: 18px; font-weight: 500; }
html[data-verre] .vr-courant ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-courant__sources li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 7px 0; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-courant__sources strong { color: var(--vr-encre); font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-courant__centre { position: relative; grid-column: 3; grid-row: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; }
html[data-verre] .vr-coeur { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 204px; height: 204px; padding: 0; border: 0; border-radius: 50%; background: var(--vr-verre-fort); color: inherit; font: inherit; cursor: pointer; box-shadow: 0 0 0 1px var(--vr-tuile-bord), 0 0 44px -14px var(--vr-lueur); }
html[data-verre] .vr-coeur::before { content: ""; position: absolute; inset: -5px; z-index: -1; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 62%, var(--vr-kpi) 92%, var(--vr-kpi-haut) 100%); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)); mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)); animation: vr-charge 5s linear infinite; }
@keyframes vr-charge { to { transform: rotate(1turn); } }
html[data-verre] .vr-coeur__nom { color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-coeur strong { color: var(--vr-encre); font-size: 46px; line-height: 52px; font-weight: 600; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-coeur__note { color: var(--vr-gris); font-size: 13px; line-height: 18px; }
html[data-verre] .vr-coeur[aria-pressed="true"] { box-shadow: 0 0 0 1.5px var(--vr-kpi), 0 0 54px -12px var(--vr-lueur); }
html[data-verre] .vr-coeur:focus-visible,
html[data-verre] .vr-conversion:focus-visible,
html[data-verre] .vr-issue:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vr-conversion { display: inline-flex; align-items: baseline; gap: 8px; height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--vr-encre-2); font: inherit; font-size: 13px; line-height: 34px; cursor: pointer; }
html[data-verre] .vr-conversion strong { color: var(--vr-encre); font-size: 16px; font-weight: 600; }
html[data-verre] .vr-conversion:hover,
html[data-verre] .vr-conversion[aria-pressed="true"] { background: var(--vr-survol); }
html[data-verre] .vr-conversion[aria-pressed="true"] { box-shadow: inset 0 0 0 1.5px var(--vr-kpi); }
html[data-verre] .vr-issue { display: grid; grid-template-columns: minmax(0, 1fr) auto 62px; align-items: baseline; gap: 12px; width: 100%; padding: 7px 10px; border: 0; border-radius: 12px; background: none; color: var(--vr-encre-2); font: inherit; font-size: 14px; line-height: 20px; text-align: left; cursor: pointer; }
html[data-verre] .vr-issue strong { color: var(--vr-encre); font-size: 26px; line-height: 32px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-issue:hover { background: var(--vr-survol); }
html[data-verre] .vr-issue[aria-pressed="true"] { background: var(--vr-survol); box-shadow: inset 0 0 0 1.5px var(--vr-kpi); }
html[data-verre] .vr-delta { color: var(--vr-gris); font-size: 13px; line-height: 18px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
html[data-verre="fonce"] .vr-delta--bon { color: #62e8ad; }
html[data-verre="fonce"] .vr-delta--mauvais { color: #ffa6b3; }
html[data-verre="clair"] .vr-delta--bon { color: #05603a; }
html[data-verre="clair"] .vr-delta--mauvais { color: #a3203a; }

/* Le détail du chiffre choisi */
html[data-verre] .vr-section--detail { margin-bottom: 20px; }
html[data-verre] .vr-detail { padding: 18px 22px 20px; border-radius: 22px; background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords); animation: vr-apparait .28s var(--vr-courbe); }
@keyframes vr-apparait { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
html[data-verre] .vr-detail__tete { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
html[data-verre] .vr-detail__tete h2 { margin: 0; font-size: 18px; line-height: 26px; font-weight: 600; }
html[data-verre] .vr-detail__haut { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
html[data-verre] .vr-detail__haut:not(:has(.vr-retenir)) { grid-template-columns: minmax(0, 1fr); }
html[data-verre] .vr-retenir h3,
html[data-verre] .vr-bloc h3 { margin: 0 0 8px; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; font-weight: 600; }
html[data-verre] .vr-retenir ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-retenir li { color: var(--vr-encre-2); font-size: 15px; line-height: 22px; }
html[data-verre] .vr-retenir b { color: var(--vr-encre); font-weight: 600; }
html[data-verre] .vr-detail__bas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-detail__bas--1 { grid-template-columns: minmax(0, 1fr); }
html[data-verre] .vr-detail__bas--3 .vr-bloc--carte { grid-row: span 2; }
html[data-verre] .vr-bloc { min-width: 0; }
html[data-verre] .vr-bloc .vr-repartitions { gap: 12px 20px; padding: 0; }
html[data-verre] .vr-bloc .vr-repartition li { grid-template-columns: 84px minmax(24px, 1fr) 30px; gap: 6px; }
html[data-verre] .vr-bloc .vr-repartition small { display: none; }
html[data-verre] .vr-detail__bas--2:has(.vr-repartitions) { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
html[data-verre] .vr-detail__plus { margin-top: 12px; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-info { min-height: 20px; margin: 0 0 8px; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-histo__barres { display: flex; align-items: stretch; gap: 2px; height: 190px; border-bottom: 1px solid var(--vr-tuile-bord); }
html[data-verre] .vr-histo__barres i { position: relative; flex: 1 1 0; min-width: 0; max-width: 30px; }
html[data-verre] .vr-histo__barres i::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--h, 0); border-radius: 3px 3px 0 0; background: var(--vr-kpi); }
html[data-verre] .vr-histo__dates { display: flex; justify-content: space-between; margin-top: 6px; color: var(--vr-gris); font-size: 12px; line-height: 16px; }
html[data-verre] .vr-etincelle { fill: var(--vr-verre-fort); stroke: var(--vr-kpi-haut); stroke-width: 2; }
html[data-verre] .vr-graphe__legende { display: flex; align-items: center; gap: 8px; margin: 6px 0 0; }
html[data-verre] .vr-etincelle-legende { width: 9px; height: 9px; flex: none; border-radius: 50%; border: 2px solid var(--vr-kpi-haut); box-sizing: border-box; }

/* Les dates : comme le filtre d'origine, avec deux champs libres */
html[data-verre] .vr-titre .vr-dates { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-left: auto; }
html[data-verre] .vr-titre .vr-dates + .vr-chercher { margin-left: 0; }
html[data-verre] .vr-dates__champs { display: inline-flex; align-items: center; gap: 6px; color: var(--vr-gris); }
html[data-verre] .vr-dates__champs input { height: 36px; padding: 0 10px; border: 0; border-radius: 10px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 13px; }
html[data-verre="fonce"] .vr-dates__champs input { color-scheme: dark; }
html[data-verre] .vr-dates__champs input:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 1px; }
html[data-verre] .vr-section--dossiers .vr-flux { margin-bottom: 14px; }

/* La Tour sur une seule page : un sommaire collé en haut, et des rubriques bien séparées */
html[data-verre] { --vr-colle: rgba(2, 24, 40, .82); }
html[data-verre="clair"] { --vr-colle: rgba(241, 244, 250, .9); }
html[data-verre] .vr-section { min-width: 0; margin: 0 0 32px; }
html[data-verre] .vr-section--tete { margin: 0; }
html[data-verre] .vr-section--chiffres { margin-bottom: 14px; }
html[data-verre] .vr-section--nav { position: sticky; top: 0; z-index: 6; margin: 0 -24px 12px; padding: 8px 24px; background: var(--vr-colle); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
html[data-verre] .vr-sections { display: flex; gap: 2px; width: max-content; max-width: 100%; padding: 4px; border-radius: 999px; background: var(--vr-survol); overflow-x: auto; scrollbar-width: none; }
html[data-verre] .vr-sections::-webkit-scrollbar { display: none; }
html[data-verre] .vr-sections button { flex: none; height: 32px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--vr-encre-2); font: inherit; font-size: 14px; cursor: pointer; white-space: nowrap; }
html[data-verre] .vr-sections button span { color: var(--vr-gris); font-weight: 600; }
html[data-verre] .vr-sections button:hover { color: var(--vr-encre); }
html[data-verre] .vr-sections button[aria-current="true"] { background: var(--vr-repere); color: var(--vr-encre); font-weight: 600; box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-sections button:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: -2px; }
html[data-verre] .vr-section__tete { margin: 0 0 12px; }
html[data-verre] .vr-section__tete h2 { margin: 0; color: var(--vr-encre); font-size: 22px; line-height: 30px; font-weight: 600; letter-spacing: -.01em; }
html[data-verre] .vr-section__tete p { margin: 2px 0 0; color: var(--vr-encre-2); font-size: 15px; line-height: 22px; }
html[data-verre] .vr-section__attente { min-height: 180px; }
html[data-verre] .vr-section--site .vr-repartitions { gap: 12px 20px; padding: 0; }
html[data-verre] .vr-section--site .vr-repartition li { grid-template-columns: 84px minmax(0, 1fr) 26px 34px; gap: 6px; }

/* À contacter : qui, quoi, suggestions, et les gestes sur la même ligne */
html[data-verre] .vr-prospects { display: grid; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-prospect { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 16px; padding: 12px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-prospects > .vr-prospect:first-child { border-top: 0; padding-top: 2px; }
html[data-verre] .vr-prospect__quoi { min-width: 0; }
html[data-verre] .vr-prospect__quoi p { margin: 0; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
html[data-verre] .vr-prospect__quoi .vr-prospect__qui { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 8px; margin-bottom: 2px; }
html[data-verre] .vr-prospect__qui strong { color: var(--vr-encre); font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
html[data-verre] .vr-prospect__qui small { color: var(--vr-gris); font-size: 13px; }
html[data-verre] .vr-prospect .vr-gestes { justify-content: flex-end; }
html[data-verre] .vr-conseil { margin: 2px 0 0; color: var(--vr-gris); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
html[data-verre] .vr-prospect__quoi .vr-conseil { color: var(--vr-gris); font-size: 13px; line-height: 18px; }
html[data-verre] .vr-conseil a { color: var(--vr-lien); text-decoration: none; }
html[data-verre] .vr-conseil a:hover { text-decoration: underline; }
html[data-verre] .vr-prospects__note { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-classement { gap: 10px; }
html[data-verre] .vr-classement .vr-tunnel__ligne span { min-width: 0; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-grille--tour > .vr-metiers { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
html[data-verre] .vr-metiers:has(> :nth-child(2):last-child),
html[data-verre] .vr-metiers:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-verre] .vr-metiers:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
html[data-verre] .vr-rappel__quoi p { margin: 0; }
html[data-verre] .vr-prerempli { margin: 0 0 14px; padding: 10px 12px; border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre); font-size: 14px; line-height: 20px; }

html[data-verre] [data-vr-bloc="compte"]:has(.vr-identifiant) .vlt-account__bloc:not(.vr-identifiant):first-of-type { grid-row: span 2; }
html[data-verre] .vr-identifiant__reponse { margin: 10px 0 0; color: var(--vr-compte); font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
html[data-verre] .vr-identifiant__reponse--bon { color: var(--vr-encre); }

@media (max-width: 1240px) {
  html[data-verre] .vr-courant { grid-template-columns: minmax(140px, 1fr) minmax(36px, .4fr) 212px minmax(36px, .4fr) minmax(220px, 1.3fr); padding: 14px 16px; }
  html[data-verre] .vr-coeur { width: 184px; height: 184px; }
  html[data-verre] .vr-coeur strong { font-size: 40px; line-height: 46px; }
  html[data-verre] .vr-detail__haut { grid-template-columns: minmax(0, 1fr) 240px; gap: 20px; }
}
@media (max-width: 900px) {
  html[data-verre] .vr-courant { grid-template-columns: minmax(0, 1fr); gap: 16px; min-height: 0; padding: 16px 14px; }
  html[data-verre] .vr-courant__fils { display: none; }
  html[data-verre] .vr-courant__centre { grid-column: 1; grid-row: 1; }
  html[data-verre] .vr-courant__issues { grid-column: 1; grid-row: 2; }
  html[data-verre] .vr-courant__sources { grid-column: 1; grid-row: 3; padding-top: 12px; border-top: 1px solid var(--vr-trait); }
  html[data-verre] .vr-courant__sources ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
  html[data-verre] .vr-courant__sources li { padding: 4px 0; }
  html[data-verre] .vr-issue { grid-template-columns: minmax(0, 1fr) auto 56px; padding: 9px 8px; }
  html[data-verre] .vr-detail { padding: 14px 14px 16px; }
  html[data-verre] .vr-detail__haut,
  html[data-verre] .vr-detail__bas,
  html[data-verre] .vr-detail__bas--2:has(.vr-repartitions) { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html[data-verre] .vr-detail__bas--3 .vr-bloc--carte { grid-row: auto; }
  html[data-verre] .vr-bloc--carte { min-height: 0; }
  html[data-verre] .vr-bloc .vr-repartitions { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-detail__tete { flex-wrap: wrap; }
  html[data-verre] .vr-histo__barres { height: 150px; }
  html[data-verre] .vr-titre .vr-dates { order: 3; width: 100%; margin-left: 0; }
  html[data-verre] .vr-dates__champs { flex: 1 1 100%; }
  html[data-verre] .vr-dates__champs input { flex: 1 1 0; min-width: 0; font-size: 16px; }
  html[data-verre] .vr-phrase-page > .vr-geste { width: 100%; margin-left: 0; }
  html[data-verre] .vr-prospect { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-prospect .vr-gestes { justify-content: flex-start; }
  html[data-verre] .vr-prospect .vr-gestes > .vr-geste { flex: 1 1 0; }
  html[data-verre] .vr-prospect .vr-gestes > .vr-geste--plein { flex: 1 1 100%; }
  html[data-verre] .vr-section--nav { margin: 0 -14px 10px; padding: 6px 14px; }
  html[data-verre] .vr-section { margin-bottom: 26px; }
  html[data-verre] .vr-section__tete h2 { font-size: 20px; line-height: 28px; }
  html[data-verre] .vr-titre__ligne:has(> .vr-dates) { flex-wrap: wrap; }
  html[data-verre] .vr-titre .vr-dates + .vr-chercher { margin-left: auto; }
  html[data-verre] [data-vr-bloc="compte"]:has(.vr-identifiant) .vlt-account__bloc:not(.vr-identifiant):first-of-type { grid-row: auto; }
  html[data-verre] .vr-grille--tour > .vr-metiers,
  html[data-verre] .vr-metiers:has(> :nth-child(2):last-child),
  html[data-verre] .vr-metiers:has(> :nth-child(4):last-child) { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-verre] .vr-direct i::after,
  html[data-verre] .vr-coeur::before,
  html[data-verre] .vr-detail { animation: none; }
}

/* La première Vue d'ensemble, dans le design actuel : flèches vers les pages, tunnels, priorités du jour, argent */
html[data-verre] .vr-courant__issues li { display: flex; align-items: center; gap: 4px; }
html[data-verre] .vr-courant__issues li > .vr-issue { flex: 1 1 auto; min-width: 0; }
html[data-verre] .vr-issue__suite { display: block; margin-top: 1px; color: var(--vr-gris); font-size: 12px; line-height: 16px; }
html[data-verre] .vr-issue__page { flex: none; display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 999px; background: none; color: var(--vr-gris); font: inherit; font-size: 17px; line-height: 1; cursor: pointer; transition: background-color .16s, color .16s; }
html[data-verre] .vr-issue__page:hover { background: var(--vr-survol); color: var(--vr-encre); }
html[data-verre] .vr-issue__page:focus-visible,
html[data-verre] .vr-prio:focus-visible,
html[data-verre] .vr-zones button:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vr-prios { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px 22px; }
html[data-verre] .vr-prios__groupe { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
html[data-verre] .vr-prios__groupe h3 { margin: 0; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; font-weight: 600; }
html[data-verre] .vr-prios__groupe h3 span { color: var(--vr-gris); font-weight: 500; }
html[data-verre] .vr-prios__groupe ul { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-prios__groupe > .vr-lien-action { align-self: flex-start; }
html[data-verre] .vr-prio { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 10px; width: 100%; min-height: 48px; padding: 8px 12px; border: 0; border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; text-align: left; cursor: pointer; transition: box-shadow .16s; }
html[data-verre] .vr-prio:hover { box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-prio strong { grid-column: 1; overflow: hidden; font-size: 14px; line-height: 20px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-prio small { grid-column: 1; overflow: hidden; color: var(--vr-gris); font-size: 12px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-prio span { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--vr-encre-2); font-size: 13px; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-prio--alerte { box-shadow: inset 3px 0 0 #fdb022; }
html[data-verre="clair"] .vr-prio--alerte { box-shadow: inset 3px 0 0 #b54708; }
html[data-verre] .vr-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 14px 18px; margin: 0; }
html[data-verre] .vr-chiffres div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html[data-verre] .vr-chiffres dt { color: var(--vr-gris); font-size: 13px; line-height: 18px; }
html[data-verre] .vr-chiffres dd { margin: 0; color: var(--vr-encre); font-size: 22px; line-height: 28px; font-weight: 600; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-chiffres small { color: var(--vr-gris); font-size: 12px; line-height: 16px; }
html[data-verre] .vr-chiffres__alerte dd { color: #fdb022; }
html[data-verre="clair"] .vr-chiffres__alerte dd { color: #b54708; }
html[data-verre] .vr-zones { margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-zones li + li { border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-zones button { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: baseline; gap: 12px; width: 100%; min-height: 40px; padding: 9px 0; border: 0; background: none; color: var(--vr-encre-2); font: inherit; font-size: 14px; line-height: 20px; text-align: left; cursor: pointer; }
html[data-verre] .vr-zones button:hover { color: var(--vr-encre); }
html[data-verre] .vr-zones b,
html[data-verre] .vr-zones strong { color: var(--vr-encre); font-weight: 600; }
html[data-verre] .vr-zones small { min-width: 72px; color: var(--vr-gris); font-size: 13px; text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 860px) {
  html[data-verre] .vr-issue__page { width: 40px; height: 40px; }
}

/* Moins de vide : chaque bloc remplit sa largeur et sa hauteur */
html[data-verre] .vr-grille > .vr-6 { grid-column: span 6; }
html[data-verre] .vr-detail__bas--3 .vr-fr { max-height: 420px; }
html[data-verre] .vr-carte--prios .vr-prios { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px 16px; }
html[data-verre] .vr-carte--excs.vr-6 .vr-exc { grid-template-columns: 82px minmax(0, 1fr) 54px auto; gap: 8px; }
html[data-verre] .vr-carte--argent .vr-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html[data-verre] .vr-chiffres { display: grid; grid-template-columns: none; gap: 0; }
html[data-verre] .vr-chiffres div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-chiffres div:first-child { border-top: 0; }
html[data-verre] .vr-chiffres dt { display: flex; flex-direction: column; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; font-weight: 500; }
html[data-verre] .vr-chiffres dt small { color: var(--vr-gris); font-size: 12px; line-height: 16px; font-weight: 400; }
html[data-verre] .vr-chiffres dd { font-size: 20px; line-height: 26px; white-space: nowrap; }
html[data-verre] .vr-grille--tour > .vr-metiers { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; }
html[data-verre] .vr-metiers--seul dl { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
html[data-verre] .vr-metiers--seul dl > div:nth-child(2) { border-top: 0; }
html[data-verre] .vr-calmes { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 0; padding: 12px 18px; border-radius: 16px; background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords); color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-calmes span { color: var(--vr-gris); font-weight: 500; }
@media (max-width: 1200px) {
  html[data-verre] .vr-grille > .vr-6 { grid-column: 1 / -1; }
  html[data-verre] .vr-carte--excs.vr-6 .vr-exc { grid-template-columns: 92px minmax(0, 1fr) 96px auto; gap: 10px; }
}
@media (max-width: 860px) {
  html[data-verre] .vr-detail__bas--3 .vr-fr { max-height: 330px; }
  html[data-verre] .vr-metiers--seul dl { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-metiers--seul dl > div:nth-child(2) { border-top: 1px solid var(--vr-trait); }
  html[data-verre] .vr-carte--excs.vr-6 .vr-exc { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; }
}

/* Organiser la page : un mode clair, des boutons simples, et des rubriques qui glissent */
html[data-verre] .vr-sections__orga { margin-left: auto; }
html[data-verre] .vr-sections__orga[aria-pressed="true"] { background: var(--vr-repere); color: var(--vr-encre); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-organiser-place { margin: 0 0 18px; }
html[data-verre] .vr-organiser { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 14px 18px; border-radius: 18px; background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords), inset 0 0 0 1.5px var(--vr-kpi); animation: vr-orga-entree .28s cubic-bezier(.2, .8, .2, 1); }
html[data-verre] .vr-organiser p { flex: 1 1 320px; margin: 0; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-organiser p strong { color: var(--vr-encre); }
html[data-verre] .vr-organiser__remettre { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
html[data-verre] .vr-organiser__remettre span { color: var(--vr-gris); font-size: 13px; }
html[data-verre] .vr-organiser__remettre button { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 13px; cursor: pointer; }
html[data-verre] .vr-organiser__remettre button:hover { box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-organiser__fin { display: flex; align-items: center; gap: 12px; margin-left: auto; }
html[data-verre] .vr-section--orga { position: relative; border-radius: 22px; outline: 1.5px dashed var(--vr-tuile-bord); outline-offset: 6px; }
html[data-verre] .vr-orga-place { display: flex; justify-content: flex-end; margin: 0 0 10px; }
html[data-verre] .vr-orga { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border-radius: 999px; background: var(--vr-survol); box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-orga__nom { padding: 0 10px; color: var(--vr-encre-2); font-size: 13px; font-weight: 600; }
html[data-verre] .vr-orga button { min-width: 32px; height: 32px; padding: 0 10px; border: 0; border-radius: 999px; background: none; color: var(--vr-encre); font: inherit; font-size: 13px; cursor: pointer; transition: background-color .16s; }
html[data-verre] .vr-orga button:hover:not([disabled]) { background: var(--vr-repere); }
html[data-verre] .vr-orga button[disabled] { opacity: .35; cursor: default; }
html[data-verre] .vr-orga button[aria-pressed="true"] { background: var(--vr-repere); }
html[data-verre] .vr-orga button:focus-visible,
html[data-verre] .vr-organiser button:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vr-section--reduite > :not(.vr-reduite):not(.vr-orga-place) { display: none; }
html[data-verre] .vr-reduite { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; padding: 14px 18px; border-radius: 18px; background-color: var(--vr-verre); background-image: var(--vr-reflet); box-shadow: var(--vr-bords); animation: vr-orga-entree .24s cubic-bezier(.2, .8, .2, 1); }
html[data-verre] .vr-reduite__nom { color: var(--vr-encre); font-size: 16px; line-height: 22px; font-weight: 600; }
html[data-verre] .vr-reduite__texte { flex: 1 1 200px; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-defile { max-height: 640px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
@keyframes vr-orga-entree { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html[data-verre] .vr-organiser,
  html[data-verre] .vr-reduite { animation: none; }
}
@media (max-width: 860px) {
  html[data-verre] .vr-sections__orga { margin-left: 0; }
  html[data-verre] .vr-orga { flex-wrap: wrap; border-radius: 16px; }
  html[data-verre] .vr-orga button { min-width: 40px; height: 40px; }
  html[data-verre] .vr-organiser__fin { margin-left: 0; }
  html[data-verre] .vr-defile { max-height: 560px; }
}

/* Sous l'anneau : pages vues, clics et simulateurs, chacun ouvre son détail */
html[data-verre] .vr-courant__plus { display: flex; flex-wrap: nowrap; justify-content: center; gap: 2px; margin-top: 10px; }
html[data-verre] .vr-mini { display: inline-flex; flex-direction: column; align-items: center; min-width: 0; padding: 6px 7px; border: 0; border-radius: 14px; background: none; color: var(--vr-gris); font: inherit; font-size: 12px; line-height: 16px; cursor: pointer; transition: background-color .16s, box-shadow .16s; }
html[data-verre] .vr-mini strong { color: var(--vr-encre); font-size: 17px; line-height: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-mini:hover { background: var(--vr-survol); }
html[data-verre] .vr-mini[aria-pressed="true"] { background: var(--vr-survol); box-shadow: inset 0 0 0 1.5px var(--vr-kpi); }
html[data-verre] .vr-mini:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }

/* Échanges : les e-mails partis, et le texte des messages reçus */
html[data-verre] .vr-grille > .vr-8 { grid-column: span 8; }
html[data-verre] .vr-defile--court { max-height: 430px; }
html[data-verre] .vr-emails { margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-email { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-email:first-child { border-top: 0; }
html[data-verre] .vr-email__quoi { display: flex; flex-direction: column; min-width: 0; }
html[data-verre] .vr-email__quoi strong { overflow: hidden; color: var(--vr-encre); font-size: 14px; line-height: 20px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-email__quoi small { overflow: hidden; color: var(--vr-gris); font-size: 12px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-carte--emails .vr-filtres { margin-bottom: 8px; }
html[data-verre] .vr-message { display: -webkit-box; overflow: hidden; margin: 6px 0 2px; padding: 8px 12px; border-left: 3px solid var(--vr-kpi); border-radius: 0 10px 10px 0; background: var(--vr-survol); color: var(--vr-encre-2); font-size: 14px; line-height: 20px; white-space: pre-line; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
html[data-verre] .vr-message--ouvert { display: block; -webkit-line-clamp: unset; }
html[data-verre] .vr-message__tout { font-size: 13px; }
@media (max-width: 860px) {
  html[data-verre] .vr-grille > .vr-8 { grid-column: 1 / -1; }
  html[data-verre] .vr-email { align-items: flex-start; }
}

/* La suite d'un devis validé, rappelée sous le parcours des dossiers */
html[data-verre] .vr-chaine { margin: 10px 0 14px; color: var(--vr-encre-2); font-size: 13px; line-height: 19px; }
html[data-verre] .vr-chaine .vr-lien-action { margin-left: 4px; font-size: 13px; }

/* Planning : les jours, leurs créneaux, et qui intervient */
html[data-verre] .vr-agenda { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-agenda h3 { margin: 0 0 6px; color: var(--vr-encre-2); font-size: 13px; line-height: 18px; font-weight: 600; }
html[data-verre] .vr-agenda ul { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-creneau { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 12px; border: 0; border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; text-align: left; cursor: pointer; }
html[data-verre] .vr-creneau:hover { box-shadow: inset 0 0 0 1px var(--vr-tuile-bord); }
html[data-verre] .vr-creneau:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vr-creneau__heure { color: var(--vr-encre-2); font-size: 13px; font-variant-numeric: tabular-nums; }
html[data-verre] .vr-creneau__quoi { display: flex; flex-direction: column; min-width: 0; }
html[data-verre] .vr-creneau__quoi strong { overflow: hidden; font-size: 14px; line-height: 20px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-creneau__quoi small { color: var(--vr-gris); font-size: 12px; line-height: 16px; }
html[data-verre] .vr-creneau__qui { color: var(--vr-encre-2); font-size: 13px; white-space: nowrap; }
html[data-verre] .vr-creneau--seul { box-shadow: inset 3px 0 0 #fdb022; }
html[data-verre] .vr-creneau--seul .vr-creneau__qui { color: #fdb022; font-weight: 600; }
html[data-verre="clair"] .vr-creneau--seul { box-shadow: inset 3px 0 0 #b54708; }
html[data-verre="clair"] .vr-creneau--seul .vr-creneau__qui { color: #b54708; }
@media (max-width: 860px) {
  html[data-verre] .vr-creneau { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}

/* Centre d'appels : la file à gauche, la fiche de la personne en ligne à droite */
html[data-verre] .vr-appels { display: grid; grid-template-columns: minmax(260px, 4fr) minmax(0, 8fr); gap: 16px; align-items: start; }
html[data-verre] .vr-file-appels { position: sticky; top: 76px; max-height: calc(100vh - 110px); display: flex; flex-direction: column; }
html[data-verre] .vr-file { flex: 1; min-height: 0; margin: 8px 0 0; padding: 0; overflow-y: auto; list-style: none; overscroll-behavior: contain; }
html[data-verre] .vr-file__personne { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; width: 100%; min-height: 48px; padding: 8px 10px; border: 0; border-radius: 12px; background: none; color: var(--vr-encre); font: inherit; text-align: left; cursor: pointer; }
html[data-verre] .vr-file__personne:hover { background: var(--vr-survol); }
html[data-verre] .vr-file__personne[aria-current="true"] { background: var(--vr-survol); box-shadow: inset 3px 0 0 var(--vr-kpi); }
html[data-verre] .vr-file__personne strong { overflow: hidden; font-size: 14px; line-height: 20px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-file__personne small { grid-column: 1; overflow: hidden; color: var(--vr-gris); font-size: 12px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-file__personne span { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--vr-gris); }
html[data-verre] .vr-file__personne:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
html[data-verre] .vr-fiche-appel { animation: vr-orga-entree .24s cubic-bezier(.2, .8, .2, 1); }
html[data-verre] .vr-fiche-appel__tete { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px; }
html[data-verre] .vr-fiche-appel__tete h2 { margin: 0; color: var(--vr-encre); font-size: 22px; line-height: 28px; font-weight: 600; }
html[data-verre] .vr-fiche-appel__tete p { margin: 2px 0 0; color: var(--vr-gris); font-size: 13px; }
html[data-verre] .vr-fiche-appel__gestes { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
html[data-verre] .vr-geste--appel { font-size: 15px; }
html[data-verre] .vr-fiche-appel__corps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-fiche-appel__corps h3 { margin: 14px 0 6px; color: var(--vr-encre-2); font-size: 13px; line-height: 18px; font-weight: 600; text-transform: none; }
html[data-verre] .vr-fiche-appel__corps h3:first-child { margin-top: 0; }
html[data-verre] .vr-fiche-appel__corps p { margin: 0 0 6px; color: var(--vr-encre-2); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-script { padding: 10px 12px; border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre) !important; }
html[data-verre] .vr-simus { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 8px; }
html[data-verre] .vr-issues { flex-wrap: wrap; }
html[data-verre] .vr-note-appel { display: flex; flex-direction: column; gap: 4px; margin: 8px 0; color: var(--vr-gris); font-size: 12px; }
html[data-verre] .vr-note-appel textarea { width: 100%; min-height: 72px; padding: 8px 10px; border: 1px solid var(--vr-tuile-bord); border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 14px; line-height: 20px; resize: vertical; }
html[data-verre] .vr-note-appel textarea:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 1px; }
html[data-verre] .vr-fiche-appel__envoi { display: flex; align-items: center; gap: 12px; color: var(--vr-encre-2); font-size: 13px; }
html[data-verre] .vr-fiche-appel__envoi button[disabled] { opacity: .45; cursor: default; }
html[data-verre] .vr-historique { margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-historique li { padding: 8px 0; border-top: 1px solid var(--vr-trait); color: var(--vr-gris); font-size: 13px; }
html[data-verre] .vr-historique li strong { color: var(--vr-encre); font-weight: 600; }
html[data-verre] .vr-historique li p { margin: 2px 0 0; color: var(--vr-encre-2); }
@media (max-width: 1100px) {
  html[data-verre] .vr-fiche-appel__corps { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
@media (max-width: 860px) {
  html[data-verre] .vr-appels { grid-template-columns: minmax(0, 1fr); }
  html[data-verre] .vr-file-appels { position: static; max-height: 320px; }
}

/* Le dossier d'un sous-traitant : pièces, équipe, missions */
html[data-verre] .vr-st-nom { padding: 0; border: 0; background: none; color: var(--vr-lien); font: inherit; text-align: left; cursor: pointer; }
html[data-verre] .vr-st-nom strong { color: inherit; }
html[data-verre] .vr-st-nom:hover strong { text-decoration: underline; }
html[data-verre] .vr-st-nom:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; border-radius: 4px; }
html[data-verre] .vr-dossier-st { margin-bottom: 16px; animation: vr-orga-entree .24s cubic-bezier(.2, .8, .2, 1); }
html[data-verre] .vr-dossier-st .vr-tete { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
html[data-verre] .vr-dossier-st__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 12px; }
html[data-verre] .vr-dossier-st__cols h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: var(--vr-encre-2); font-size: 13px; line-height: 18px; font-weight: 600; }
html[data-verre] .vr-dossier-st__liste { margin: 0 0 10px; padding: 0; list-style: none; }
html[data-verre] .vr-dossier-st__liste li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px solid var(--vr-trait); color: var(--vr-encre); font-size: 14px; line-height: 20px; }
html[data-verre] .vr-dossier-st__liste li:first-child { border-top: 0; }
html[data-verre] .vr-dossier-st__liste small { color: var(--vr-gris); font-size: 12px; }
@media (max-width: 1100px) {
  html[data-verre] .vr-dossier-st__cols { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
@media (max-width: 860px) {
  html[data-verre] .vr-st-nom { display: inline-flex; align-items: center; min-height: 40px; }
}

/* Finitions : contraste en verre foncé sur les pages du cockpit d'origine */
html[data-verre="fonce"] .vlt-admin__task-prio,
html[data-verre="fonce"] .vlt-admin__task-level,
html[data-verre="fonce"] .vlt-admin__task-related,
html[data-verre="fonce"] .vlt-admin__task-sequence-step span,
html[data-verre="fonce"] .vlt-admin__task-flow-kicker { color: #a9d2ff; }
html[data-verre="fonce"] .vlt-admin__photo-idx { color: #dbe6f0; }

/* Mouvement : court, doux, et jamais imposé à qui l'a coupé dans son système */
@media (prefers-reduced-motion: no-preference) {
  html[data-verre] .vr-histo__barres i::after { transform-origin: 50% 100%; animation: vr-pousse .55s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i, 0) * 12ms); }
  html[data-verre] .vr-ligne { stroke-dasharray: 1; animation: vr-trace .9s cubic-bezier(.2, .8, .2, 1) both; }
  html[data-verre] .vr-graphe path[fill^="url"] { animation: vr-fondu .9s ease both; }
  html[data-verre] .vr-fr { animation: vr-fondu .32s ease both; }
  html[data-verre] .vr-prio,
  html[data-verre] .vr-creneau,
  html[data-verre] .vr-file__personne,
  html[data-verre] .vr-zones button,
  html[data-verre] .vr-mini { transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s, background-color .16s; }
  html[data-verre] .vr-prio:hover,
  html[data-verre] .vr-creneau:hover,
  html[data-verre] .vr-mini:hover { transform: translateY(-1px); }
  html[data-verre] .vr-prio:active,
  html[data-verre] .vr-creneau:active,
  html[data-verre] .vr-mini:active,
  html[data-verre] .vr-file__personne:active { transform: scale(.985); }
}
@keyframes vr-pousse { from { transform: scaleY(0); opacity: .4; } to { transform: none; opacity: 1; } }
@keyframes vr-trace { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes vr-fondu { from { opacity: 0; } to { opacity: 1; } }

/* Les agents du centre d'appels */
html[data-verre] .vr-agents { margin-top: 16px; }
html[data-verre] .vr-agents__liste { margin: 8px 0 12px; padding: 0; list-style: none; }
html[data-verre] .vr-agent { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-agent:first-child { border-top: 0; }
html[data-verre] .vr-agent div:first-child { display: flex; flex-direction: column; min-width: 0; }
html[data-verre] .vr-agent strong { color: var(--vr-encre); font-size: 14px; font-weight: 600; }
html[data-verre] .vr-agent small { overflow: hidden; color: var(--vr-gris); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-agent__gestes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
html[data-verre] .vr-agent-lien { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 12px; padding: 12px 14px; border-radius: 14px; background: var(--vr-survol); box-shadow: inset 0 0 0 1.5px var(--vr-kpi); color: var(--vr-encre-2); font-size: 14px; }
html[data-verre] .vr-agent-lien input,
html[data-verre] .vr-agent-ajout input { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--vr-tuile-bord); border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 14px; }
html[data-verre] .vr-agent-ajout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto; align-items: end; gap: 10px; margin-top: 8px; }
html[data-verre] .vr-agent-ajout label { display: flex; flex-direction: column; gap: 4px; color: var(--vr-gris); font-size: 12px; }
@media (max-width: 860px) {
  html[data-verre] .vr-agent { grid-template-columns: minmax(0, 1fr) auto; }
  html[data-verre] .vr-agent__gestes { grid-column: 1 / -1; }
  html[data-verre] .vr-agent-ajout { grid-template-columns: minmax(0, 1fr); }
}


/* Les rappels promis : quand rappeler, et ceux qui sont en retard */
html[data-verre] .vr-rappel { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 8px; padding: 10px 12px; border-radius: 14px; background: var(--vr-survol); }
html[data-verre] .vr-rappel__titre { color: var(--vr-encre-2); font-size: 13px; font-weight: 600; }
html[data-verre] .vr-rappel .vr-filtres { margin-bottom: 0; }
html[data-verre] .vr-rappel__autre { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--vr-gris); font-size: 12px; }
html[data-verre] .vr-rappel__autre input { min-height: 36px; padding: 4px 10px; border: 1px solid var(--vr-tuile-bord); border-radius: 10px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 14px; color-scheme: inherit; }
html[data-verre="fonce"] .vr-rappel__autre input { color-scheme: dark; }
html[data-verre] .vr-rappel__autre input:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 1px; }
html[data-verre] .vr-rappel .vr-note { margin: 0; }
html[data-verre="fonce"] .vr-pastille--retard { background: rgba(253, 176, 34, .18); color: #fdb022; }
html[data-verre="clair"] .vr-pastille--retard { background: #fef0c7; color: #93370d; }
@media (max-width: 860px) {
  html[data-verre] .vr-rappel__autre input { min-height: 40px; font-size: 16px; }
}

/* Le fil d'une personne, et les liens qui y mènent */
html[data-verre] .vr-fil { margin: 6px 0 0; padding: 0; list-style: none; }
html[data-verre] .vr-fil li { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-fil li:first-child { border-top: 0; }
html[data-verre] .vr-fil__type { align-self: start; justify-self: start; padding: 1px 8px; border-radius: 999px; background: var(--vr-survol); color: var(--vr-encre-2); font-size: 11px; font-weight: 700; line-height: 18px; }
html[data-verre] .vr-fil__appel .vr-fil__type { box-shadow: inset 0 0 0 1px var(--vr-kpi); color: var(--vr-encre); }
html[data-verre] .vr-fil strong { display: block; color: var(--vr-encre); font-size: 13px; font-weight: 600; line-height: 18px; overflow-wrap: anywhere; }
html[data-verre] .vr-fil small { display: block; color: var(--vr-gris); font-size: 12px; line-height: 16px; }
html[data-verre] .vr-fil p { margin: 4px 0 0; color: var(--vr-encre-2); font-size: 13px; line-height: 18px; white-space: pre-line; }
html[data-verre="fonce"] .vr-fil--alerte small { color: #ff8a9b; }
html[data-verre="clair"] .vr-fil--alerte small { color: #a3203a; }
html[data-verre] .vr-prospect__nom { padding: 0; border: 0; background: none; color: var(--vr-encre); font: inherit; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: var(--vr-tuile-bord); text-underline-offset: 3px; }
html[data-verre] .vr-prospect__nom:hover { color: var(--vr-lien); text-decoration-color: currentColor; }
html[data-verre] .vr-prospect__nom:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; border-radius: 4px; }
html[data-verre] .vr-email .vr-lien-action { flex: none; height: 28px; font-size: 13px; }
@media (max-width: 860px) {
  html[data-verre] .vr-prospect__nom { min-height: 32px; padding: 6px 0; }
}

/* L'activité du centre d'appels */
html[data-verre] .vr-activite-carte { margin-top: 16px; }
html[data-verre] .vr-activite { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; align-items: end; }
html[data-verre] .vr-activite__jours { display: flex; align-items: flex-end; gap: 8px; margin: 0; padding: 0; list-style: none; }
html[data-verre] .vr-activite__jours li { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
html[data-verre] .vr-activite__jours i { display: block; width: 100%; max-width: 28px; border-radius: 4px 4px 0 0; background: var(--vr-kpi); transform-origin: bottom; }
html[data-verre] .vr-activite__jours li:last-child i { box-shadow: inset 0 0 0 1.5px var(--vr-encre); }
html[data-verre] .vr-activite__jours small { color: var(--vr-gris); font-size: 11px; line-height: 14px; }
html[data-verre] .vr-activite__n { color: var(--vr-encre-2); font-size: 12px; font-weight: 600; line-height: 16px; }
html[data-verre] .vr-activite__qui { margin: 14px 0 0; padding: 0; list-style: none; }
html[data-verre] .vr-activite__qui li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding: 8px 0; border-top: 1px solid var(--vr-trait); color: var(--vr-gris); font-size: 13px; line-height: 18px; }
html[data-verre] .vr-activite__qui strong { color: var(--vr-encre); font-size: 14px; font-weight: 600; }
html[data-verre] .vr-activite-carte.vr-squelette { min-height: 180px; }
@media (prefers-reduced-motion: no-preference) {
  html[data-verre] .vr-activite__jours i { animation: vr-pousse .5s cubic-bezier(.2, .8, .2, 1) both; }
}
@media (max-width: 860px) {
  html[data-verre] .vr-activite { grid-template-columns: minmax(0, 1fr); }
}

/* Le centre d'appels en trois onglets : une seule chose à la fois */
html[data-verre] .vr-appels-vues { margin: 0 0 14px; }
html[data-verre] .vr-appels-vues button { height: 36px; padding: 0 14px; font-size: 14px; }
html[data-verre] .vr-appels-vues { display: inline-flex; }
@media (max-width: 860px) {
  html[data-verre] .vr-dates .vr-segments,
  html[data-verre] .vr-appels-vues { display: flex; width: 100%; }
  html[data-verre] .vr-dates .vr-segments button,
  html[data-verre] .vr-appels-vues button { flex: 1 1 auto; padding: 0 8px; }
}
@media (max-width: 860px) {
  html[data-verre] .vr-fiche-appel__contexte { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--vr-trait); }
  html[data-verre] .vr-conseil a { display: inline-block; padding: 9px 0; }
}

/* La fiche du département choisi sur la carte */
html[data-verre] .vr-dep { margin-top: 10px; padding: 12px 14px; border-radius: 14px; background: var(--vr-survol); }
html[data-verre] .vr-dep__tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-verre] .vr-dep h4 { margin: 0; color: var(--vr-encre); font-size: 15px; line-height: 20px; font-weight: 600; }
html[data-verre] .vr-dep p { margin: 4px 0 0; color: var(--vr-encre-2); font-size: 13px; line-height: 18px; }
html[data-verre] .vr-dep__st { margin: 8px 0 0; padding: 0; list-style: none; }
html[data-verre] .vr-dep__st li { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 6px 0; border-top: 1px solid var(--vr-trait); }
html[data-verre] .vr-dep__st li:first-child { border-top: 0; }
html[data-verre] .vr-dep__st .vr-lien { color: var(--vr-encre); font-size: 14px; text-align: left; text-decoration-color: var(--vr-tuile-bord); text-underline-offset: 3px; }
html[data-verre] .vr-dep__st .vr-lien:hover { color: var(--vr-lien); }
html[data-verre] .vr-dep__st small { flex: none; color: var(--vr-gris); font-size: 12px; }
@media (max-width: 860px) {
  html[data-verre] .vr-dep__st .vr-lien { min-height: 32px; }
}

/* L'annonce d'une nouvelle personne à contacter */
html[data-verre] .vr-annonce { position: fixed; z-index: 60; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 12px; max-width: min(440px, calc(100vw - 32px)); padding: 12px 12px 12px 16px; border-radius: 18px; background: var(--vr-tuile, var(--vr-survol)); box-shadow: 0 18px 50px rgba(0, 0, 0, .35), inset 0 0 0 1px var(--vr-tuile-bord); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); color: var(--vr-encre-2); font-size: 13px; line-height: 18px; }
html[data-verre] .vr-annonce[hidden] { display: none; }
html[data-verre] .vr-annonce p { margin: 0; min-width: 0; }
html[data-verre] .vr-annonce strong { display: block; color: var(--vr-encre); font-size: 14px; font-weight: 600; }
html[data-verre] .vr-annonce .vr-geste { flex: none; }
html[data-verre] .vr-annonce__fermer { flex: none; width: 32px; height: 32px; border: 0; border-radius: 999px; background: none; color: var(--vr-gris); font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
html[data-verre] .vr-annonce__fermer:hover { background: var(--vr-survol); color: var(--vr-encre); }
html[data-verre] .vr-annonce__fermer:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
  html[data-verre] .vr-annonce:not([hidden]) { animation: vr-apparait .28s cubic-bezier(.2, .8, .2, 1) both; }
}
@media (max-width: 860px) {
  html[data-verre] .vr-annonce { right: 16px; left: 16px; bottom: calc(84px + env(safe-area-inset-bottom)); max-width: none; }
}
html[data-verre="fonce"] .vr-annonce { background: rgba(14, 30, 48, .94); }
html[data-verre="clair"] .vr-annonce { background: rgba(255, 255, 255, .97); }
html[data-verre] .vr-annonce,
html[data-verre] .vr-annonce button { font-family: var(--vr-police); }

/* La recherche dans la file d'appels */
html[data-verre] .vr-masque { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
html[data-verre] .vr-cherche-appel { display: block; margin: 0 0 10px; }
html[data-verre] .vr-cherche-appel input { width: 100%; min-height: 38px; padding: 8px 12px; border: 1px solid var(--vr-tuile-bord); border-radius: 12px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 14px; }
html[data-verre] .vr-cherche-appel input::placeholder { color: var(--vr-gris); }
html[data-verre] .vr-cherche-appel input:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 1px; }
html[data-verre] .vr-filtres[hidden] { display: none; }
html[data-verre] .vr-file-appels > .vr-note { margin: -2px 0 8px; }
@media (max-width: 860px) {
  html[data-verre] .vr-cherche-appel input { min-height: 42px; font-size: 16px; }
}

/* Le menu des départements de la carte */
html[data-verre] .vr-carte-fr__choix { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: var(--vr-gris); font-size: 12px; }
html[data-verre] .vr-carte-fr__choix select { min-width: 0; max-width: 100%; min-height: 34px; padding: 4px 10px; border: 1px solid var(--vr-tuile-bord); border-radius: 10px; background: var(--vr-survol); color: var(--vr-encre); font: inherit; font-size: 13px; }
html[data-verre="fonce"] .vr-carte-fr__choix select { color-scheme: dark; }
html[data-verre] .vr-carte-fr__choix select:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: 1px; }
@media (max-width: 860px) {
  html[data-verre] .vr-carte-fr__choix select { flex: 1 1 auto; min-height: 40px; font-size: 16px; }
}

/* Des zones faciles à toucher sur téléphone (32 px au moins) */
@media (max-width: 860px) {
  html[data-verre] .vr-carte-fr__credit a { display: inline-block; padding: 8px 0; }
  html[data-verre] .vr-email .vr-lien-action { height: 36px; }
  html[data-verre] .vr-organiser__fin .vr-lien { min-height: 36px; }
  html[data-verre] .vlt-admin__task-del { min-width: 36px; min-height: 36px; }
  html[data-verre] .vr-st-nom { min-height: 36px; }
}

/* Vue d'ensemble (2026-11-09) : le détail du site s'ouvre par son bouton */
html[data-verre] .vr-detail-ouvrir { display: flex; justify-content: center; margin: 4px 0 8px; }
@media (max-width: 860px) {
  html[data-verre] .vr-detail-ouvrir .vr-geste { width: 100%; }
}

/* À traiter : toute la ligne s'ouvre, plus de bouton à côté (2026-11-09) */
html[data-verre] .vr-exc, html[data-verre] .vr-carte--excs.vr-6 .vr-exc { display: block; padding: 0; }
html[data-verre] .vr-exc__ligne { display: grid; grid-template-columns: 92px minmax(0, 1fr) 96px 14px; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 9px 6px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
html[data-verre] .vr-carte--excs.vr-6 .vr-exc__ligne { grid-template-columns: 82px minmax(0, 1fr) 54px 14px; gap: 8px; }
html[data-verre] .vr-exc__ligne:hover { background: var(--vr-survol); }
html[data-verre] .vr-exc__ligne:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: -2px; }
html[data-verre] .vr-exc__fleche { color: var(--vr-gris); font-size: 18px; line-height: 1; }
/* À contacter : une ligne par personne, qui ouvre sa fiche */
html[data-verre] .vr-prospect--ligne { display: flex; align-items: center; gap: 8px; padding: 2px 0; }
html[data-verre] .vr-prospect__ligne { flex: 1; min-width: 0; display: block; min-height: 44px; padding: 8px 6px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
html[data-verre] .vr-prospect__ligne strong { display: block; overflow: hidden; color: var(--vr-encre); font-size: 15px; font-weight: 600; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-prospect__ligne small { display: block; overflow: hidden; color: var(--vr-gris); font-size: 13px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
html[data-verre] .vr-prospect__ligne .vr-pastille { margin-left: 6px; vertical-align: 1px; }
html[data-verre] .vr-prospect__ligne:hover { background: var(--vr-survol); }
html[data-verre] .vr-prospect__ligne:focus-visible { outline: 2px solid var(--vr-lien); outline-offset: -2px; }
html[data-verre] .vr-prospect__fait { flex: none; min-height: 32px; }
@media (max-width: 860px) {
  html[data-verre] .vr-exc__ligne, html[data-verre] .vr-carte--excs.vr-6 .vr-exc__ligne { grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 10px 4px; }
  html[data-verre] .vr-exc__ligne .vr-exc__quoi { grid-column: 1 / -1; grid-row: 2; }
  html[data-verre] .vr-exc__ligne .vr-balle { grid-column: 2; grid-row: 1; justify-self: end; }
  html[data-verre] .vr-exc__fleche { display: none; }
}

/* Tableaux de l'application sur téléphone : une fiche courte par ligne (2026-11-09).
   Ligne 1 : le nom et la date ; ligne 2 : l'état et un détail (le score pour les demandes). Toucher la fiche ouvre tout le dossier. */
@media (max-width: 860px) {
  html[data-verre] table[data-vr-fiches][data-vr-compact] tbody tr { grid-template-columns: max-content max-content minmax(0, 1fr); grid-template-areas: "nom nom date" "etat second ."; align-items: center; gap: 6px 8px; margin-bottom: 6px; padding: 10px 12px; cursor: pointer; }
  html[data-verre] table[data-vr-fiches][data-vr-compact] td { display: none; }
  html[data-verre] table[data-vr-fiches][data-vr-compact] td::before { display: none; }
  html[data-verre] table[data-vr-fiches][data-vr-compact] td[data-vr-role]:not([data-vr-vide]) { display: block; }
  html[data-verre] table[data-vr-fiches][data-vr-compact] td[data-vr-role="nom"] { grid-area: nom; min-width: 0; overflow: hidden; color: var(--vr-encre); font-size: 15px; font-weight: 600; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  html[data-verre] table[data-vr-fiches][data-vr-compact] td[data-vr-role="date"] { grid-area: date; justify-self: end; color: var(--vr-gris); font-size: 13px; font-weight: 400; white-space: nowrap; }
  html[data-verre] table[data-vr-fiches][data-vr-compact] td[data-vr-role="etat"] { grid-area: etat; }
  html[data-verre] table[data-vr-fiches][data-vr-compact] td[data-vr-role="second"] { grid-area: second; }
}

/* Terrain, Planning (2026-11-09) : les demandes qui n'ont rien à planifier ne s'y affichent plus ; la rubrique et ses outils restent à leur place */
html[data-verre] .vlt-admin__agenda-item[hidden], html[data-verre] .vlt-plancal__chip[hidden] { display: none !important; }
html[data-verre] .vlt-admin__agenda-month[data-vr-vide] .vlt-admin__agenda-list { display: none; }
html[data-verre] .vlt-admin__agenda-month[data-vr-vide]::after { content: "Rien à planifier : aucun devis n’est encore accepté. Une demande arrive ici dès qu’elle passe à « Devis accepté »."; display: block; padding: 6px 0 10px; color: var(--vr-gris); font-size: 14px; line-height: 20px; }
html[data-verre] .vlt-admin__tab-count[data-vr-compte] { font-size: 0; }
html[data-verre] .vlt-admin__tab-count[data-vr-compte]::after { content: attr(data-vr-compte); font-size: 11px; font-weight: 700; }
html[data-verre] .vlt-plancal__tech-count[data-vr-texte] { font-size: 0; }
html[data-verre] .vlt-plancal__tech-count[data-vr-texte]::after { content: attr(data-vr-texte); font-size: 11px; font-weight: 600; }

/* Vue d'ensemble : sans barre de raccourcis (2026-11-09), « Organiser la page » attend en bas */
html[data-verre] .vr-pied-orga { display: flex; justify-content: center; margin: 8px 0 28px; }

/* Audit visuel du 2026-11-09, sur téléphone :
   1. Les pages avec des dates (Devis, Contacts, Chiffre d'affaires, Facturation) coupaient leur titre (« Cl… », « Fac… ») :
      le titre garde sa ligne avec l'aide et la recherche, les dates passent dessous, sur toute la largeur.
   2. Les tableaux du cockpit (canaux, pages, sous-traitants) devenaient de grandes fiches : le nom de la colonne se lit
      maintenant devant sa valeur (« Visiteurs 2 647 »), et chaque fiche prend environ deux fois moins de hauteur. */
@media (max-width: 860px) {
  html[data-verre] .vlt-shell__topbar:has(.vlt-shell__topbar-filter) { flex-wrap: wrap; row-gap: 8px; }
  html[data-verre] .vlt-shell__topbar:has(.vlt-shell__topbar-filter) .vlt-shell__title { flex: 1 1 auto; }
  html[data-verre] .vlt-shell__topbar:has(.vlt-shell__topbar-filter) .vlt-gsearch__trigger { margin-left: auto; }
  html[data-verre] .vlt-shell__topbar-filter { order: 10; flex: 1 1 100%; margin-left: 0; }

  html[data-verre] .vr-table table[data-vr-fiches] tbody tr { gap: 2px 12px; margin-bottom: 6px; padding: 9px 12px; }
  html[data-verre] .vr-table table[data-vr-fiches] td { font-size: 13px; line-height: 19px; }
  html[data-verre] .vr-table table[data-vr-fiches] td:first-child { font-size: 15px; line-height: 21px; }
  html[data-verre] .vr-table table[data-vr-fiches] td::before { display: inline; margin-right: 5px; font-size: 12px; line-height: 19px; }
  html[data-verre] .vr-table table[data-vr-fiches] td:first-child::before { display: none; }
}