/* ch.711 lot 1 — BARRE DU HAUT ⊕ MENU « MON COMPTE ».
   ① Le titre de module (`#pageTitle`, « Boîte noire », « Dashboard »…) n'est plus affiché dans la barre du haut (décision d'Anis, 20/10) : chaque page porte déjà son
      propre titre. ⛔ L'élément reste dans le DOM (son texte suit la navigation : des contrôles le lisent) ; ≤ 1024 px il était déjà masqué (responsive.css, inchangé).
   ② « Utilisateurs » : 4 lignes (photo ou initiales, nom, pastille) dans le menu « Mon compte » (bureau) et dans le tiroir (≤ 1024 px, où ce menu n'existe pas).
   Charte claire (R119) : connecté = vert #10B981 ; hors ligne = gris neutre. ⛔ Aucune variable CSS (piège 7). */
@media (min-width: 1025px) {
  #rsp-topbar #pageTitle { display: none; }
  #rsp-topbar { justify-content: flex-start; }
  #rsp-topbar > div:last-child { margin-left: auto; }   /* poussé à droite ; s'il est trop large, il déborde à DROITE comme avant (⛔ jamais sous le menu latéral) */
}
.cx711-utilisateurs { padding: 8px 8px 6px; border-bottom: 1px solid #f3f4f6; min-width: 248px; }
.cx711-utilisateurs[hidden] { display: none; }
.cx711-titre { display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; font-weight: 700; color: #64748B; text-transform: uppercase; letter-spacing: .06em; padding: 0 6px 4px; }
.cx711-titre span { text-transform: none; letter-spacing: 0; font-weight: 700; color: #047857; background: #ECFDF5; border: 1px solid #A7F3D0; border-radius: 999px; padding: 1px 7px; }
.cx711-u { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 5px 6px; border: none; background: transparent; border-radius: 8px; cursor: pointer; text-align: left; }
.cx711-u:hover, .cx711-u:focus-visible { background: #f1f5f9; outline: none; }
.cx711-av-zone { position: relative; flex-shrink: 0; width: 32px; height: 32px; }
.cx711-av-zone .cx710-av { width: 32px; height: 32px; font-size: 11px; margin: 0; }
.cx711-pt { position: absolute; right: -1px; bottom: -1px; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #FFFFFF; background: #CBD5E1; }
.cx711-pt.on { background: #10B981; }
.cx711-txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.cx711-txt b { font-size: 12.5px; color: #111827; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cx711-etat { font-size: 11px; color: #64748B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cx711-etat.on { color: #047857; font-weight: 600; }
/* tiroir (≤ 1024 px) : fond sombre du menu latéral ⇒ textes clairs */
.cx711-tiroir { display: none; border-bottom: 1px solid rgba(148, 163, 184, .25); margin-bottom: 6px; min-width: 0; }
@media (max-width: 1024px) { .cx711-tiroir:not([hidden]) { display: block; } }
.cx711-tiroir .cx711-titre { color: #94A3B8; }
.cx711-tiroir .cx711-u:hover, .cx711-tiroir .cx711-u:focus-visible { background: rgba(255, 255, 255, .08); }
.cx711-tiroir .cx711-txt b { color: #F1F5F9; }
.cx711-tiroir .cx711-etat { color: #CBD5E1; }
.cx711-tiroir .cx711-etat.on { color: #6EE7B7; }
.cx711-tiroir .cx711-pt { border-color: #1E293B; }