/* MyEureka Theme - en-tête du tableau de bord Tutor LMS 4 (v1.0.0)
 * Chargée sur les écrans Tutor uniquement.
 *
 * Le bloc de droite de l'en-tête (.tutor-dashboard-header-right) contient un
 * conteneur en display:block dans lequel la pastille « Votre classement »
 * (thème enfant), les notifications Tutor et le badge de rang (module cognitif)
 * s'empilaient verticalement, en désordre. On en fait une seule ligne alignée :
 * classement, notifications, badge, avatar. Structure relevée sur my-eureka.fr
 * le 17/10/2026. */
.tutor-dashboard-header-inner { align-items: center; }
.tutor-dashboard-header-right {
  display: flex !important; align-items: center !important; justify-content: flex-end !important;
  flex-wrap: wrap; gap: 12px !important; width: auto !important; min-width: 0;
}
.tutor-dashboard-header-right > div:not(.tutor-dashboard-header-user) {
  display: flex !important; align-items: center !important; justify-content: flex-end;
  flex-wrap: wrap; gap: 10px !important; width: auto !important; min-width: 0;
}
.tutor-dashboard-header-right .tutor-rank-pill { order: -1 !important; width: auto !important; min-width: 0 !important; max-width: none !important; flex: 0 0 auto; margin: 0 !important; }
.tutor-dashboard-header-right .tutor-dashboard-notification { width: auto !important; margin: 0 !important; flex: 0 0 auto; }
.tutor-dashboard-header-right .tutor-dashboard-notification .tutor-sm-hidden { width: auto !important; }
.tutor-dashboard-header-right .acg-header-badge { margin: 0 !important; flex: 0 0 auto; }
.tutor-dashboard-header-right .tutor-dashboard-header-user { flex: 0 0 auto; }
@media (max-width: 767px) {
  .tutor-dashboard-header-right, .tutor-dashboard-header-right > div:not(.tutor-dashboard-header-user) { justify-content: flex-start; }
}

/* Jamais de sélecteur de thème dans l'en-tête du tableau de bord (ancien thème enfant 3.0.0) */
.tutor-dashboard-header .me-ui-theme-host,
.tutor-dashboard-header .me-theme-toggle { display: none !important; }

/* Fond du tableau de bord = fond de page (--me-bg), y compris avec un thème enfant 3.0.0
   dont la variable --meui-page pointe encore vers --me-surface-2. */
body.myeureka-dashboard-skin { --meui-page: var(--me-bg); }
body.myeureka-dashboard-skin .tutor-dashboard-layout,
body.myeureka-dashboard-skin .tutor-dashboard { background: var(--me-bg) !important; }

/* Ancienne carte « Compléte ton profil » du thème enfant (supprimée du template en 3.0.1) :
   masquée ici tant qu'un thème enfant 3.0.0 reste en place. */
.tutor-dashboard .profile-completion-friendly { display: none !important; }