/* QG+ — Onglets de conversations en haut de la discussion (13/10/2026) : voir qg-onglets.js.
   Retour arrière : retirer qg-onglets.css/.js d'index.html. */
#hermes-signature .qg-onglets {
  --og-rail: rgba(118, 118, 128, .1); --og-rail-bord: rgba(255, 255, 255, .55); --og-txt: rgba(28, 28, 30, .58); --og-txt-on: #1c1c1e;
  --og-survol: rgba(255, 255, 255, .55); --og-pastille: rgba(255, 255, 255, .95); --og-pastille-bord: rgba(255, 255, 255, .95);
  --og-ombre: 0 2px 9px rgba(96, 52, 10, .1), 0 0 0 .5px rgba(0, 0, 0, .04); --og-point: #0a84ff; --og-travail: #ff9f0a;
  display: none; flex: 1 1 auto; min-width: 0; align-items: center; gap: 8px; justify-content: flex-end;   /* 13/10 : calé à droite, contre les boutons (demande du Général) */
}
#hermes-signature .hs-chathead[data-qg-onglets] > .qg-onglets { display: flex; }
#hermes-signature#hermes-signature#hermes-signature .hs-chathead[data-qg-onglets] > .hs-headtools .qg-convs { display: none !important; }   /* plus fort que qg-conversations.js */
#hermes-signature .hs-chathead[data-qg-onglets] > .hs-identity, #hermes-signature .hs-chathead[data-qg-onglets] > .hs-headtools { flex-shrink: 0; }
/* mesure des largeurs naturelles : hors du flux, invisible, le temps d'un calcul */
#hermes-signature .hs-chathead > .qg-onglets.est-mesure { display: flex !important; position: absolute; visibility: hidden; pointer-events: none; left: 0; top: 0; }
#hermes-signature .qg-onglets.est-mesure .qg-ong { flex: none; max-width: none; }
#hermes-signature .qg-onglets.est-mesure .qg-ong[hidden] { display: inline-flex; }

#hermes-signature .qg-ong-rail {
  position: relative; display: flex; align-items: center; gap: 4px; min-width: 0; height: 38px; padding: 3px; border-radius: 14px;
  background: var(--og-rail); box-shadow: inset 0 0 0 1px var(--og-rail-bord);
}
#hermes-signature .qg-ong-liste { position: relative; z-index: 1; display: flex; align-items: center; gap: 4px; min-width: 0; }
#hermes-signature .qg-ong-pastille {
  position: absolute; z-index: 0; left: 3px; top: 3px; bottom: 3px; width: 0; border-radius: 11px; opacity: 0; pointer-events: none;
  background: var(--og-pastille); box-shadow: var(--og-ombre); border: 1px solid var(--og-pastille-bord); box-sizing: border-box;
  transition: transform .38s cubic-bezier(.2, .85, .25, 1), width .38s cubic-bezier(.2, .85, .25, 1), opacity .25s ease;
}
#hermes-signature .qg-ong {
  position: relative; display: inline-flex; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0; max-width: 210px; height: 32px;
  padding: 0 12px; border: 0; border-radius: 11px; background: transparent; color: var(--og-txt); font: inherit; font-size: 13.5px;
  font-weight: 600; letter-spacing: -.005em; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: color .25s ease, background-color .2s ease, transform .15s ease !important;
}
#hermes-signature .qg-ong[hidden] { display: none; }
#hermes-signature .qg-ong:hover:not(.est-actif) { background: var(--og-survol); color: var(--og-txt-on); }
#hermes-signature .qg-ong:active { transform: scale(.97); }
#hermes-signature .qg-ong.est-actif { color: var(--og-txt-on); cursor: default; }
#hermes-signature .qg-ong-t { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#hermes-signature .qg-ong-point { display: none; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--og-point); }
#hermes-signature .qg-ong.est-nonlu .qg-ong-point { display: block; animation: qg-ong-pose .3s cubic-bezier(.2, .9, .3, 1.3); }
#hermes-signature .qg-ong.est-travail .qg-ong-point { display: block; background: var(--og-travail); animation: qg-ong-pouls 1.4s ease-in-out infinite; }
#hermes-signature .qg-ong-plus {
  position: relative; z-index: 1; flex: none; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 10px;
  background: transparent; color: var(--og-txt); cursor: pointer; transition: background-color .2s ease, color .2s ease, transform .15s ease !important;
}
#hermes-signature .qg-ong-plus:hover { background: var(--og-survol); color: var(--og-txt-on); }
#hermes-signature .qg-ong-plus svg, #hermes-signature .qg-ong-toutes svg {
  display: block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
#hermes-signature .qg-ong-toutes { flex: none; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; height: 38px; box-sizing: border-box; }   /* style des boutons de l'en-tête (hs-button) */
@keyframes qg-ong-pose { from { transform: scale(0); } to { transform: none; } }
@keyframes qg-ong-pouls { 0%, 100% { opacity: 1; transform: none; } 50% { opacity: .35; transform: scale(.75); } }

/* Sombre (Nexus) : rail fin, pastille lumineuse, police terminal comme les boutons de l'en-tête */
#hermes-signature[data-theme]:not([data-theme="light"]) .qg-onglets {
  --og-rail: rgba(77, 255, 216, .035); --og-rail-bord: rgba(77, 255, 216, .2); --og-txt: rgba(77, 255, 216, .55); --og-txt-on: rgb(77, 255, 216);
  --og-survol: rgba(77, 255, 216, .07); --og-pastille: rgba(77, 255, 216, .12); --og-pastille-bord: rgba(77, 255, 216, .55);
  --og-ombre: 0 0 14px rgba(77, 255, 216, .22); --og-point: rgb(77, 255, 216); --og-travail: #ffc977;
}
#hermes-signature[data-theme]:not([data-theme="light"]) .qg-ong-rail { border-radius: 8px; }
#hermes-signature[data-theme]:not([data-theme="light"]) .qg-ong-pastille { border-radius: 5px; }
#hermes-signature[data-theme]:not([data-theme="light"]) .qg-ong {
  border-radius: 5px; font-family: var(--nx-mono, "JetBrains Mono", ui-monospace, monospace); font-size: 11px; font-weight: 500;
  letter-spacing: .06em; text-transform: uppercase;
}
#hermes-signature[data-theme]:not([data-theme="light"]) .qg-ong-plus { border-radius: 5px; }
#hermes-signature[data-theme]:not([data-theme="light"]) .qg-ong.est-actif { text-shadow: 0 0 8px rgba(77, 255, 216, .45); }
@media (prefers-reduced-motion: reduce) {
  #hermes-signature .qg-ong-pastille { transition: none; }
  #hermes-signature .qg-ong.est-travail .qg-ong-point, #hermes-signature .qg-ong.est-nonlu .qg-ong-point { animation: none; }
}