/* =====================================================
   CIATA AUTH - AJUSTES DE AUTENTICAÇÃO
   ===================================================== */

.auth-container,
.auth-card,
.login-card,
.register-card {
  max-width: 760px;
  margin: 2rem auto;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 14px 36px rgba(22, 54, 94, 0.10);
  border: 1px solid rgba(22, 54, 94, 0.08);
  padding: 2rem;
}

.auth-card {
  max-width: 720px;
}

.auth-header {
  margin-bottom: 1rem;
}

.auth-subtitle {
  color: #475569;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.25rem;
}

.auth-links {
  margin-top: 1rem;
}

.auth-links a {
  font-weight: 600;
}

.password-wrapper input[type="text"] {
  -webkit-text-security: none !important;
  text-security: none !important;
}

.password-wrapper input[type="password"] {
  -webkit-text-security: disc;
}

.password-wrapper {
  align-items: center;
}

.check {
  gap: .5rem;
}

.btn {
  font-size: 1.05rem;
}

.btn-row {
  margin-top: 1.5rem;
}

.help-link {
  font-weight: 700;
  display: inline-block;
  margin-top: .4rem;
  margin-bottom: .6rem;
}

.password-wrapper input,
input {
  height: 48px;
}

select,
textarea,
input[type="file"] {
  height: auto;
}

.password-toggle {
  height: 48px;
  min-width: 48px;
}

.field input[type="email"] {
  margin-bottom: .25rem;
}

@media (max-width: 767px) {
  .auth-container,
  .auth-card,
  .login-card,
  .register-card {
    margin: 1rem auto;
    padding: 1.25rem;
    border-radius: 16px;
  }
}