/* Auth pages (login, recuperar, convite) */
.login-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding: var(--space-12) var(--space-4);
  background: linear-gradient(160deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

.login-card {
  background: var(--color-bg);
  border-radius: var(--radius-xl);
  padding: var(--space-8);
  width: 100%;
  max-width: 480px;
  box-shadow: var(--shadow-xl);
}

.field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-bottom: var(--space-4);
}

.field label {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text);
}

.field input {
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-base);
  background: var(--color-bg-alt);
  transition: border-color .2s;
}

.field input:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}

.field input.is-invalid {
  border-color: var(--color-error);
}

.hidden { display: none !important; }