/* QG+ — Page Agents : tuiles plus lisibles et plus belles (09/10/2026, demande du Général :
   « les descriptifs sont trop petits ; améliore les tuiles graphiquement »).
   Textes agrandis (nom, rôle, lien), halo doux aux couleurs de l'agent, pastilles moteur / effort et hiérarchie
   (ajoutées par qg-equipe.js), « Personnalité & mémoire » en bouton-pilule. Survol : ombre et liseré, rien ne bouge.
   Clair et sombre (NEXUS). Retour arrière : retirer qg-equipe.css et qg-equipe.js d'index.html. */

#hermes-signature#hermes-signature#hermes-signature .hs-agentgrid { gap: 18px; }

/* Tuile */
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile {
  display: flex !important; flex-direction: column; align-items: flex-start;
  padding: 26px 26px 22px !important; border-radius: 24px !important;
}
#hermes-signature#hermes-signature#hermes-signature[data-theme="light"] .hs-agenttile {
  border: 1px solid rgba(60, 60, 67, .10) !important;
  background:
    radial-gradient(115% 75% at 0% 0%, color-mix(in srgb, var(--ag1, #8e8e93) 12%, transparent), transparent 60%),
    radial-gradient(80% 60% at 100% 0%, color-mix(in srgb, var(--ag2, #c7c7cc) 8%, transparent), transparent 58%),
    #ffffff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px -14px rgba(0, 0, 0, .12) !important;
  transition: box-shadow .35s ease, border-color .35s ease !important;
}
#hermes-signature#hermes-signature#hermes-signature[data-theme="light"] .hs-agenttile:hover {
  border-color: color-mix(in srgb, var(--agi, #1c1c1e) 30%, transparent) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 20px 44px -16px color-mix(in srgb, var(--ag1, #000000) 42%, transparent) !important;
}

/* Portrait : un peu plus grand, halo à la couleur de l'agent au survol */
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile .hs-avatar {
  width: 96px !important; height: 96px !important; margin-bottom: 18px !important;
  transition: box-shadow .4s ease !important;
}
#hermes-signature#hermes-signature#hermes-signature[data-theme="light"][data-palette] .hs-agenttile:hover .hs-avatar {
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--ag1, #8e8e93) 16%, transparent), 0 10px 26px -8px color-mix(in srgb, var(--ag1, #000000) 45%, transparent) !important;
}

/* Textes */
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile h3 {
  font-size: 20px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -.2px !important; margin: 0 !important;
}
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile p {
  font-size: 15px !important; line-height: 1.45 !important; margin: 6px 0 0 !important;
}
#hermes-signature#hermes-signature#hermes-signature[data-theme="light"] .hs-agenttile p { color: #55555c !important; }

/* « Personnalité & mémoire » : bouton-pilule */
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile small {
  display: inline-flex !important; align-items: center; gap: 7px; margin-top: auto !important;
  padding: 8px 13px 8px 14px; border-radius: 999px; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important;
  transition: background-color .3s ease, color .3s ease;
}
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile small::after {
  content: "→"; font-weight: 700; transition: translate .35s cubic-bezier(.34, 1.56, .64, 1);
}
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile:hover small::after { translate: 3px 0; }
#hermes-signature#hermes-signature#hermes-signature[data-theme="light"] .hs-agenttile small {
  color: var(--agi, #1c1c1e) !important; background: color-mix(in srgb, var(--agi, #1c1c1e) 9%, transparent);
}
#hermes-signature#hermes-signature#hermes-signature[data-theme="light"] .hs-agenttile:hover small { background: color-mix(in srgb, var(--agi, #1c1c1e) 15%, transparent); }
/* Espace réservé entre le texte et le bas de la tuile (le lien reste en bas, tuiles de même hauteur) */
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile .eq-infos + small,
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile p + small { margin-top: 18px !important; }

/* Flèche en haut à droite : pastille ronde */
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile > svg.hs-tilearrow {
  top: 22px !important; right: 22px !important; width: 36px !important; height: 36px !important; padding: 10px; border-radius: 50%;
  box-sizing: border-box; transition: background-color .3s ease, rotate .45s cubic-bezier(.34, 1.56, .64, 1);
}
#hermes-signature#hermes-signature#hermes-signature[data-theme="light"] .hs-agenttile > svg.hs-tilearrow { background: color-mix(in srgb, var(--agi, #1c1c1e) 8%, transparent); }
#hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile:hover > svg.hs-tilearrow { rotate: 45deg; }

/* Pastilles : moteur + effort, place dans la hiérarchie */
#hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-infos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; min-height: 30px; }
#hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-puce {
  display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px; border-radius: 999px; white-space: nowrap;
  font: 500 13px/1 inherit; font-family: inherit; color: #3a3a3c; background: rgba(118, 118, 128, .09);
}
#hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-puce svg { width: 15px; height: 15px; flex: none; }
#hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-moteur { --mt-c: 10 132 255; }
#hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-moteur b { font-weight: 700; color: #1c1c1e; }
#hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-moteur .qg-mt-barres { margin: 0 1px; }
#hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-rang svg { color: var(--agi, #8e8e93); }

/* Sombre (NEXUS) : mêmes tailles, le néon de la maison */
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile h3 { font-size: 19px !important; }
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile p { font-size: 13.5px !important; line-height: 1.55 !important; }
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile small {
  font-size: 11.5px !important; background: rgba(77, 255, 216, .08); border: 1px solid rgba(77, 255, 216, .22);
}
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile:hover small { background: rgba(77, 255, 216, .14); }
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile > svg.hs-tilearrow { background: rgba(77, 255, 216, .08); }
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile .eq-puce {
  color: #cfeee5; background: rgba(77, 255, 216, .07); border: 1px solid rgba(77, 255, 216, .18); font-size: 12.5px;
}
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile .eq-moteur { --mt-c: 77 255 216; }
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile .eq-moteur b { color: #f0fffb; }
#hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"]) .hs-agenttile .eq-rang svg { color: rgb(77, 255, 216); }

/* Téléphone : deux tuiles par ligne */
@media (max-width: 600px) {
  #hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile { padding: 18px 15px 16px !important; border-radius: 20px !important; }
  #hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile .hs-avatar { width: 60px !important; height: 60px !important; margin-bottom: 13px !important; }
  #hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile h3 { font-size: 16px !important; }
  #hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile p { font-size: 13px !important; }
  #hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile small { font-size: 12px !important; padding: 7px 10px; }
  #hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile > svg.hs-tilearrow { top: 14px !important; right: 14px !important; width: 30px !important; height: 30px !important; padding: 8px; }
  #hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-infos { gap: 6px; margin-top: 12px; }
  #hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-puce { height: 26px; padding: 0 9px; font-size: 11.5px; gap: 5px; }
  #hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-rang span,
  #hermes-signature#hermes-signature#hermes-signature .hs-agenttile .eq-moteur > span:not(.qg-mt-barres) { display: none; }
  #hermes-signature#hermes-signature#hermes-signature[data-theme] .hs-agenttile small { border-radius: 14px; line-height: 1.25 !important; }
}
@media (prefers-reduced-motion: reduce) {
  #hermes-signature#hermes-signature#hermes-signature .hs-agenttile small::after,
  #hermes-signature#hermes-signature#hermes-signature .hs-agenttile > svg.hs-tilearrow { transition: none; }
}