/* Santyvv Tools - Auth UI Styles
   Estilos para el topbar de autenticación
*/

#authTopbar {
  z-index: 1030;
  border-bottom: 1px solid #dee2e6;
}

#authTopbar .navbar-brand {
  color: var(--brand-primary, #4facfe);
  transition: color 0.3s ease;
}

#authTopbar .navbar-brand:hover {
  color: var(--brand-secondary, #00f2fe);
}

/* Dropdown de usuario */
#userDropdown {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#userEmail {
  font-weight: 500;
  font-size: 0.9rem;
}

#userCredits {
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
}

/* Modales de auth */
.modal-header {
  background: linear-gradient(135deg, var(--brand-primary, #4facfe) 0%, var(--brand-secondary, #00f2fe) 100%);
  color: white;
}

.modal-header .btn-close {
  filter: brightness(0) invert(1);
}

/* Responsive */
@media (max-width: 767.98px) {
  #authTopbar .navbar-brand {
    font-size: 1rem;
  }

  #userEmail {
    font-size: 0.85rem;
  }

  #userCredits {
    font-size: 0.75rem;
  }
}

/* Animación suave para cambios de estado */
#authNotLoggedIn,
#authLoggedIn {
  transition: opacity 0.3s ease;
}