/* QG 7000 (qg.7000.dev) — 07/10/2026, refaite le même jour (Miguël : « le bandeau avec logo déjà… pas conforme »).
   TOUT l'habit vient du socle commun de l'intranet : 7000pro.css (bandeau, carte de connexion, zones),
   modules.css (tuiles .tu, vignettes .vi, formulaires .mx-form, boutons .mx-btn), verre.css, brand.css.
   Ici, SEULEMENT ce que l'intranet n'a pas : le logo posé sur la carte de connexion, le QR du téléphone,
   les détails repliables dans une tuile. Aucune couleur nouvelle : les variables du socle. */

/* Le mot « QG » à droite du titre en or */
.qg-marque{font:800 13px var(--mono,ui-monospace,monospace);letter-spacing:.18em;color:var(--or-1,#f5d370)}

/* Carte de connexion : le logo au-dessus, une carte plus large pour l'étape du QR */
.qg-logo-carte{display:block;height:44px;width:auto;margin:0 auto 14px}
.login-card.qg-carte-large{width:min(380px,100%)}
.login-card form + form{margin-top:4px}
.qg-etape{margin:8px 0 4px;font:600 13px/1.45 var(--font,system-ui,sans-serif);color:#c9d3df}
.qg-etape b{color:#fff}
.qg .login .bdg.ko{background:rgba(239,68,68,.16);color:#fca5a5}
.qg-btn-doux{background:transparent;color:#e2e8f0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.qg-qr-cadre{display:flex;justify-content:center;margin:10px 0}
.qg-qr{width:220px;height:220px;border-radius:10px}
.qg-cle{margin:2px 0 6px;padding:8px 10px;border-radius:10px;background:#11151b;border:1px solid rgba(255,255,255,.12);
  font:700 14px/1.5 var(--mono,ui-monospace,monospace);letter-spacing:.06em;color:var(--or-1,#f5d370);text-align:center;word-break:break-all}

/* Dans une tuile sombre : un geste en pied, une liste repliable */
.qg-geste-tuile{padding:0 12px 12px}
.qg-detail{padding:0 12px 12px}
.qg-detail>summary{cursor:pointer;font:700 12.5px var(--font,system-ui,sans-serif);color:#e2e8f0;padding:4px 2px 8px}
.qg-detail>.tu-vis{padding:0}
.qg-detail .mx-form label{color:#c9d3df}
.qg-detail .mx-texte{margin-top:4px}
.qg-lien-tuile{position:static;display:inline-block;margin:0 12px 12px;text-decoration:none}

/* Formulaires : la rangée de boutons, le lien d'invitation à copier */
.qg-boutons{display:flex;flex-wrap:wrap;gap:8px}
.qg-copier{width:100%;min-width:0;font-family:var(--mono,ui-monospace,monospace);font-size:13px}
.mx-sous a{color:var(--z,#055a52);font-weight:700}