/* Mobile header: profile and menu are one matched professional control set. */
@media (max-width: 768px) {
  #user-header-info {
    gap: .5rem !important;
    align-items: center !important;
  }

  .mv-profile-wrap {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
  }

  .mv-profile-trigger,
  .mv-mobile-menu-toggle {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex: 0 0 46px !important;
    padding: 0 !important;
    border: 1px solid #d7e3ec !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    box-shadow: 0 4px 12px rgba(15,23,42,.055) !important;
    color: #475569 !important;
    transform: none !important;
  }

  .mv-profile-trigger {
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
  }

  .mv-profile-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    border: 1px solid #dbe7f0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    font-size: 1.08rem !important;
  }

  .mv-profile-trigger.is-teacher .mv-profile-avatar {
    background: linear-gradient(145deg,#f5f7ff,#ffffff) !important;
    border-color: #d9def7 !important;
  }

  .mv-profile-trigger.is-student .mv-profile-avatar {
    background: linear-gradient(145deg,#fffaf0,#ffffff) !important;
    border-color: #f5dfaa !important;
  }

  .mv-profile-status-dot {
    right: 3px !important;
    bottom: 3px !important;
    width: 9px !important;
    height: 9px !important;
    border: 2px solid #f8fafc !important;
    box-shadow: 0 1px 3px rgba(6,214,160,.28) !important;
  }

  .mv-profile-trigger:hover,
  .mv-profile-trigger:focus-visible,
  .mv-mobile-menu-toggle:hover,
  .mv-mobile-menu-toggle:focus-visible {
    background: #ffffff !important;
    border-color: #bfd7e6 !important;
    box-shadow: 0 7px 18px rgba(15,23,42,.08) !important;
    color: #0369a1 !important;
    transform: translateY(-1px) !important;
    outline: none !important;
  }

  .mv-profile-trigger:active,
  .mv-mobile-menu-toggle:active {
    transform: translateY(0) scale(.98) !important;
    box-shadow: 0 3px 8px rgba(15,23,42,.05) !important;
  }
}