@import url('./components/account-menu.css');

/* Auth section in navbar */
.auth-section {
  display: flex;
  align-items: center;
}

/* Signed-in block at the top of the phone menu */
.mobile-user-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.mobile-user-details {
  display: flex;
  flex-direction: column;
}

.mobile-user-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}

.mobile-user-email {
  font-size: 0.8125rem;
  color: var(--text-secondary);
}