/* Bloc A (refonte navigation) — base de style, chargée AVANT toute autre feuille sur chaque page
   qui charge style.css. Seule source des jetons de l'app : couleurs (déplacées telles quelles de
   style.css et accueil-agence.css, aucune valeur changée), tailles de police, espacements,
   arrondis, un style de bouton (principal, secondaire, lien) et un style « sélectionné ».
   Dans ce bloc, seuls le menu à gauche, l'en-tête agence et la barre de période s'en servent
   (agency-nav.css) ; les autres règles de l'app ne sont pas réécrites. */
:root{
  /* Charte EmotionWay (reprise de emotionway-agency.com) */
  --bg:#16171a; --bg-soft:#1b1d21; --bg-card:#212327; --bg-card-hi:#26282d;
  --orange:#e0a05a; --orange-bright:#f2b873; --cyan:#61cecf;
  /* --grey-dim : texte d'aide et secondaire. Contraste ≥ 4.5:1 sur --bg, --bg-card et
     --bg-card-hi (#62656d plafonnait à 2.7:1 sur une carte). */
  --white:#f3f3f4; --text-2:#c6c9cf; --grey:#9498a0; --grey-dim:#8e9199;
  --line:rgba(255,255,255,.08); --line-soft:rgba(255,255,255,.05);
  /* Contour d'un contrôle (bouton secondaire, zone vide) : visible sans être une teinte. */
  --line-strong:rgba(255,255,255,.24);
  /* Couleurs sémantiques des feux de vigilance — jamais l'orange de marque, pour éviter toute
     confusion entre un accent d'interface et une alerte. */
  --ok:#5FCB8E; --warn:#F5C451; --bad:#E86A5C; --unknown:var(--grey-dim);

  /* Couleurs de verdict (classes .av-*, Accueil agence) — reprises telles quelles (la page
     /accueil-verdicts et sa feuille accueil-verdicts.css ont été supprimées au bloc 0b-1). */
  --av-lv1:#d1544a; --av-lv2:#5c636c; --av-lv3:#3f9ad4; --av-lv4:#e8b53f;
  --av-sponsor:#8b7fc9;
  /* BLOC organique (huit paliers) — tres_bien reprend la famille bleue (plus soutenue que --av-lv3,
     "bien") ; buzz/enorme/record filent la même famille jaune que --av-lv4 ("bien" absolu) avec une
     saturation croissante — la distinction entre les trois tient à l'ÉPAISSEUR de bordure et au
     halo (accueil-agence.css), jamais à la seule teinte. */
  --av-tresbien:#2f6fa8;
  --av-buzz:#e8b53f;
  --av-enorme:#eaa22a;
  --av-record:#f0911a;

  /* Tailles de police : ces huit-là seulement. */
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-19:19px; --fs-24:24px; --fs-28:28px;
  /* Espacements */
  --sp-4:4px; --sp-8:8px; --sp-12:12px; --sp-16:16px; --sp-20:20px; --sp-24:24px; --sp-32:32px;
  /* Arrondis */
  --r-8:8px; --r-12:12px; --r-14:14px;

  /* Hauteurs réelles des bandes collantes du haut, MESURÉES (layout-offsets.js), jamais écrites
     en dur : bandeau « Voir comme ce client » (--obs-h, style.css), en-tête, rangée d'onglets du
     portail client (0 pour l'agence, qui a le menu à gauche). --sticky-top : là où commence
     tout élément collant posé sous elles. */
  --header-h:0px; --maintabs-h:0px;
  --sticky-top:calc(var(--obs-h, 0px) + var(--header-h) + var(--maintabs-h));
  /* Largeur du menu à gauche et du panneau de l'assistant (app agence, écran large). */
  --nav-w:240px;
  --asst-w:420px;
}

/* Bloc C2 — police de l'app posée sur body, ici : tout en hérite, quelle que soit la feuille
   chargée ensuite. */
body{font-family:'Instrument Sans',Arial,sans-serif}

/* ===== Boutons : un principal, un secondaire, un lien ===== */
.ew-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-8);min-height:36px;
  padding:0 var(--sp-16);background:transparent;color:var(--white);border:1px solid transparent;border-radius:var(--r-8);
  font-family:'Instrument Sans',Arial,sans-serif;font-size:var(--fs-14);font-weight:600;line-height:1;
  text-decoration:none;cursor:pointer;white-space:nowrap}
.ew-btn:focus-visible,.ew-link:focus-visible,.ew-item:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.ew-btn-primary{background:var(--orange);color:var(--bg)}
.ew-btn-primary:hover{background:var(--orange-bright)}
.ew-btn-secondary{background:transparent;color:var(--white);border-color:var(--line-strong)}
.ew-btn-secondary:hover{background:var(--bg-card-hi)}
.ew-link{background:none;border:0;padding:0;color:var(--orange-bright);font:inherit;text-decoration:underline;cursor:pointer}

/* ===== Élément de navigation et état « sélectionné » =====
   Un seul style sélectionné : fond plus clair + texte en gras + trait à gauche (une forme), porté
   par aria-current / aria-selected — jamais par la couleur seule, jamais par une classe. */
.ew-item{display:flex;align-items:center;gap:var(--sp-8);width:100%;min-height:36px;padding:0 var(--sp-12);
  background:none;border:0;border-radius:var(--r-8);color:var(--text-2);
  font-family:'Instrument Sans',Arial,sans-serif;font-size:var(--fs-14);font-weight:500;text-align:left;
  text-decoration:none;cursor:pointer}
.ew-item:hover{background:var(--bg-card);color:var(--white)}
.ew-item[aria-current="page"],.ew-item[aria-selected="true"]{background:var(--bg-card-hi);color:var(--white);
  font-weight:700;box-shadow:inset 3px 0 0 var(--orange)}