/* Repères de gamme : accents seulement, palette et couleurs métier conservées. */
body[data-gamme="standard"] { --espace-accent:#B8360E; --espace-clair:#FF8A70; }
body[data-gamme="asso"] { --espace-accent:#0A6E63; --espace-clair:#17C3B2; }
body[data-gamme="business"] { --espace-accent:#556170; --espace-clair:#B8C2CE; }
body[data-gamme="administration"] { --espace-accent:#1D4E80; --espace-clair:#8BB8E8; }
body[data-gamme="organisme-formation"] { --espace-accent:#5C316D; --espace-clair:#CCA5DB; }
body[data-gamme] { --espace-repere:var(--espace-accent); }
body[data-gamme][data-hud="ardoise"], body[data-gamme][data-hud="encre"] { --espace-repere:var(--espace-clair); }
body[data-gamme] #side { border-top:4px solid var(--espace-repere); }
body[data-theme="hud"][data-gamme] #side nav button.active {
  background:color-mix(in srgb,var(--espace-repere) 14%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--espace-repere) 45%,transparent);
}
body[data-theme="hud"][data-gamme] #side nav button.active::before { background:var(--espace-repere); }
body[data-theme="hud"][data-gamme] #side nav button.active .ic,
body[data-theme="hud"][data-gamme] #side .logo-gamme { color:var(--espace-repere); }
body[data-theme="hud"][data-gamme] #side .logo-bascule .pl.on {
  color:var(--espace-repere);
  border-color:var(--espace-repere);
  background:color-mix(in srgb,var(--espace-repere) 12%,transparent);
}
body[data-gamme] #main header { border-left:3px solid var(--espace-repere); padding-left:14px; }
body[data-theme="hud"][data-gamme] .tab.on { border-bottom-color:var(--espace-repere); }
body[data-theme="hud"][data-gamme] #hudTop { border-bottom:2px solid var(--espace-repere); }

/* Des noms entiers, même à fort zoom : aucune ellipse ni taille minuscule. */
body #side .logo-bascule {
  display:grid; grid-template-columns:minmax(0,1fr); gap:6px;
  /* WebKit : conserver la hauteur du contenu après le retour depuis la réglette. */
  grid-auto-rows:max-content; align-content:start; flex:0 0 auto;
}
body #side .logo-bascule .pl {
  width:100%; min-width:0; min-height:40px; padding:8px 10px;
  white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere;
  font-size:13px; line-height:1.35; text-transform:none; letter-spacing:normal;
  text-align:left; border-left:4px solid var(--bouton-espace);
}
body[data-theme="hud"] #side .logo-bascule { display:grid; grid-template-columns:minmax(0,1fr); }
body[data-theme="hud"] #side .logo-bascule .pl {
  min-height:40px; padding:8px 10px; font-size:13px; line-height:1.35;
  white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere;
  text-transform:none; letter-spacing:normal; text-align:left;
  border-left:4px solid var(--bouton-espace);
}
[data-espace="standard"] { --bouton-espace:#B8360E; }
[data-espace="asso"] { --bouton-espace:#0A6E63; }
[data-espace="business"] { --bouton-espace:#556170; }
[data-espace="administration"] { --bouton-espace:#1D4E80; }
[data-espace="organisme-formation"] { --bouton-espace:#5C316D; }
.contexte-apercu small { display:block; margin-top:3px; font-size:11px; font-weight:400; }
.apercu-contexte-espace {
  box-sizing:border-box; width:min(1080px,calc(100vw - 32px)); max-height:90vh;
  overflow:auto; padding:24px; border:1px solid #E3E0DA;
  border-top:6px solid var(--contexte-accent); border-radius:20px;
  background:#FAF7F2; color:#15181C; font:16px/1.6 "Public Sans",sans-serif;
}
.apercu-contexte-espace::backdrop { background:rgba(21,24,28,.55); }
.apercu-contexte-espace h2 { font-size:clamp(22px,4vw,30px); line-height:1.25; }
.apercu-contexte-espace li { padding:8px; border-bottom:1px solid #E3E0DA; }
.apercu-contexte-espace .contexte-etiquette { color:var(--contexte-accent); font-weight:700; }
.apercu-contexte-espace .contexte-regle { border-left:3px solid var(--contexte-accent); padding-left:14px; }
.contexte-structure { display:grid; grid-template-columns:minmax(170px,230px) minmax(0,1fr); gap:24px; margin:24px 0; align-items:start; }
.contexte-rubriques { display:grid; gap:8px; }
.contexte-rubriques button { font:inherit; font-size:14px; text-align:left; padding:10px 12px; white-space:normal; overflow-wrap:anywhere; border:1px solid #E3E0DA; border-radius:10px; background:#fff; color:#15181C; cursor:pointer; }
.contexte-rubriques button[aria-pressed="true"] { border-color:var(--contexte-accent); border-left-width:4px; color:var(--contexte-accent); font-weight:700; }
.contexte-rubriques button:focus-visible { outline:3px solid var(--contexte-accent); outline-offset:2px; }
.contexte-contenu { min-width:0; padding:0 4px; }
.contexte-contenu h3 { margin:0 0 12px; font-size:22px; line-height:1.3; }
.contexte-socle { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.contexte-socle article { padding:14px; background:#fff; border:1px solid #E3E0DA; border-top:3px solid var(--contexte-accent); border-radius:12px; overflow-wrap:anywhere; }
.contexte-socle h4 { margin:0; font-size:15px; }
.contexte-socle p { font-size:13px; margin:8px 0 0; }
@media(max-width:640px) {
  .contexte-structure,.contexte-socle { grid-template-columns:minmax(0,1fr); }
  .apercu-contexte-espace { padding:16px; }
}