/* Menu mobile do usuário — fundo garantido mesmo sem CSS dos componentes Vue */
.mobile-user-menu,
.dropdown-menu-custom {
  background-color: var(--primary-color) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.mobile-user-menu > .flex {
  background-color: var(--primary-color) !important;
}

.mobile-user-menu-item:hover {
  background-color: var(--secondary-color) !important;
}