/* QG+ — Création d'agent : 7 étapes (Mission, Tâches, Personnalité, Hiérarchie, Accès, Moteur, Identité) (09/10/2026).
   Textes des choix agrandis, arbre de la chaîne de commandement, cartes moteur, échelle d'effort. Clair et sombre.
   Retour arrière : voir RETOUR-ARRIERE (Vague 17). */
#hermes-signature#hermes-signature .hs-stepper { grid-template-columns: repeat(7, minmax(0, 1fr)); }
#hermes-signature#hermes-signature .hs-stepper li { font-size: 12.5px; }
#hermes-signature#hermes-signature .hs-creator .hs-wintro { font-size: 15px; line-height: 1.5; }
#hermes-signature#hermes-signature .hs-creator .hs-choice strong { font-size: 14px; font-weight: 600; }
#hermes-signature#hermes-signature .hs-creator .hs-choice small { font-size: 12.5px; }
#hermes-signature#hermes-signature .hs-creator .hs-choiceset legend { font-size: 13px; font-weight: 600; }

/* Choix en grille */
#hermes-signature .qgc-choix { display: grid; gap: 8px; }
#hermes-signature .qgc-choix .hs-choice { margin: 0; padding: 12px 13px; transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease; }
#hermes-signature .qgc-trois { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#hermes-signature .qgc-chefs, #hermes-signature .qgc-moteurs { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
#hermes-signature .qgc-perso { margin-bottom: 14px; }

/* Arbre de commandement */
#hermes-signature .qgc-arbre {
  display: flex; flex-direction: column; align-items: center; padding: 20px 16px; margin: 4px 0 18px; border-radius: 20px;
  background: radial-gradient(120% 90% at 50% 0%, rgba(255, 196, 0, .10), transparent 60%), var(--cw-panel, rgba(118, 118, 128, .06));
  border: 1px solid var(--hs-line, rgba(60, 60, 67, .12));
}
#hermes-signature .qgc-noeud {
  display: flex; align-items: center; gap: 10px; padding: 9px 16px 9px 10px; border-radius: 999px; min-width: 220px; justify-content: center;
  background: var(--hs-card, #ffffff); border: 1px solid var(--hs-line, rgba(60, 60, 67, .12)); box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .25);
}
#hermes-signature .qgc-noeud > span:not(.qgc-etoiles) { display: flex; flex-direction: column; }
#hermes-signature .qgc-noeud strong { font-size: 15px; font-weight: 700; }
#hermes-signature .qgc-noeud small { font-size: 12px; color: var(--hs-dim, #8e8e93); }
#hermes-signature .qgc-general { flex-direction: column; gap: 2px; padding: 12px 22px; border-radius: 18px; text-align: center; }
#hermes-signature .qgc-etoiles { color: #e0a800; letter-spacing: 2px; font-size: 13px; text-shadow: 0 0 10px rgba(255, 196, 0, .45); }
#hermes-signature .qgc-av { width: 34px !important; height: 34px !important; margin: 0 !important; flex: none; }
#hermes-signature .qgc-nouveau { border-style: dashed; border-color: var(--cw-accent, #0a8466); }
#hermes-signature .qgc-lien {
  width: 2px; height: 26px; border-radius: 1px;
  background: repeating-linear-gradient(to bottom, var(--cw-accent, #0a8466) 0 5px, transparent 5px 9px); background-size: 2px 18px;
  animation: qgc-defile 1.2s linear infinite;
}
@keyframes qgc-defile { to { background-position: 0 18px; } }

/* Effort : cinq niveaux */
#hermes-signature .qgc-effort { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
#hermes-signature .qgc-niveau {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 6px 12px; border-radius: 14px; cursor: pointer;
  border: 1px solid var(--hs-line, rgba(60, 60, 67, .12)); transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
}
#hermes-signature .qgc-niveau input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
#hermes-signature .qgc-niveau:has(input:checked) { border-color: var(--cw-accent, #0a8466); background: var(--cw-panel, rgba(10, 132, 102, .06)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cw-accent, #0a8466) 16%, transparent); }
#hermes-signature .qgc-niveau:has(input:focus-visible) { outline: 2px solid var(--cw-accent, #0a8466); outline-offset: 2px; }
#hermes-signature .qgc-barres { display: inline-flex; align-items: flex-end; gap: 3px; height: 18px; }
#hermes-signature .qgc-barres i { width: 4px; border-radius: 2px; background: color-mix(in srgb, var(--cw-accent, #0a8466) 22%, transparent); transition: background-color .3s ease; }
#hermes-signature .qgc-barres i:nth-child(1) { height: 6px; } #hermes-signature .qgc-barres i:nth-child(2) { height: 9px; }
#hermes-signature .qgc-barres i:nth-child(3) { height: 12px; } #hermes-signature .qgc-barres i:nth-child(4) { height: 15px; }
#hermes-signature .qgc-barres i:nth-child(5) { height: 18px; }
#hermes-signature .qgc-barres i.on { background: var(--cw-accent, #0a8466); }
#hermes-signature .qgc-nom { font-size: 13px; font-weight: 600; }
#hermes-signature .qgc-note { margin: 10px 0 0; font-size: 12.5px; color: var(--hs-dim, #8e8e93); }

/* Sombre */
#hermes-signature:not([data-theme="light"]) .qgc-noeud { background: rgba(3, 16, 14, .8); border-color: rgba(77, 255, 216, .22); }
#hermes-signature:not([data-theme="light"]) .qgc-nouveau { border-color: rgba(77, 255, 216, .7); }
#hermes-signature:not([data-theme="light"]) .qgc-lien { background-image: repeating-linear-gradient(to bottom, rgb(77, 255, 216) 0 5px, transparent 5px 9px); }

/* Téléphone */
@media (max-width: 600px) {
  #hermes-signature#hermes-signature .hs-stepper { grid-template-columns: repeat(7, minmax(58px, 1fr)); overflow-x: auto; scrollbar-width: none; }
  #hermes-signature#hermes-signature .hs-stepper li { font-size: 10.5px; }
  #hermes-signature .qgc-trois { grid-template-columns: 1fr; }
  #hermes-signature .qgc-effort { gap: 5px; }
  #hermes-signature .qgc-niveau { padding: 11px 2px 9px; }
  #hermes-signature .qgc-nom { font-size: 11px; }
  #hermes-signature .qgc-noeud { min-width: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { #hermes-signature .qgc-lien { animation: none; } }