/* auth.css — Auth pages (login, signup, verify) */
/* Revision: 2026-04-22-color-pass2 — Second pass color correction */
/* Revision: 2026-04-22-color-migration — Color migration — match migration landing palette */

/* ============================================================================
   19. Auth Pages (Login / Signup / Verify)
   ============================================================================ */

.auth-page {
  min-height: calc(100vh - 56px); display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%);
  font-family: 'Inter', sans-serif; padding: 20px;
  width: 100%;
}
.auth-container { width: 100%; max-width: 420px; margin: 0 auto; }
.auth-box {
  background: white; border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.1); padding: 40px;
}
.auth-header { text-align: center; margin-bottom: 32px; }
.auth-header h1 { font-size: 28px; color: #111a14; margin: 0; }
.auth-links { text-align: center; margin-top: 24px; color: #64748b; }
.auth-links a { color: #1a4a3a; text-decoration: none; }
.auth-links a:hover { text-decoration: underline; }
.auth-links .divider { margin: 0 12px; opacity: 0.3; }
.subtitle { color: #64748b; margin: 0 0 16px; }

.icon-large { font-size: 64px; margin-bottom: 24px; }
.message { color: #64748b; font-size: 16px; line-height: 1.6; margin-bottom: 24px; }
.info-box { background: #f2f0eb; border-radius: 8px; padding: 20px; margin-bottom: 24px; }
.info-box p  { color: #64748b; margin: 8px 0; font-size: 14px; }
.info-box a  { color: #22a559; }

/* ============================================================================
   41. TheReconciliator Auth Pages — Dark Native (login/signup-thereconciliator)
   ============================================================================ */

/* These pages render dark by default (no theme toggle needed) */
.tr-auth-page .auth-page {
  background: linear-gradient(135deg, #0f1109 0%, #0f1812 100%);
}

.tr-auth-page .auth-box {
  background: #111a14;
  border: 1px solid #152818;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.tr-auth-page .auth-header h1 { color: #f9fafb; }

.tr-auth-page .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 24px;
  font-weight: 700;
  color: #22a559;
  text-decoration: none;
  margin-bottom: 24px;
}

.tr-auth-page .logo img { height: 40px; border-radius: 8px; }

.tr-auth-page .form-group label { color: #9ca3af; }

.tr-auth-page .form-group input {
  border: 2px solid #152818;
  background: #0f1109;
  color: #f9fafb;
}

.tr-auth-page .form-group input::placeholder { color: #6b7280; }
.tr-auth-page .form-group input:focus { border-color: #22a559; }

.tr-auth-page .btn-primary { background: #22a559; color: white; }
.tr-auth-page .btn-primary:hover { background: #1e9050; }

.tr-auth-page .auth-links { color: #6b7280; }
.tr-auth-page .auth-links a { color: #22a559; }

.tr-auth-page .error-message {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

.tr-auth-page .alert-success,
.tr-auth-page .success-message {
  background: rgba(34, 165, 89, 0.1);
  border: 1px solid rgba(34, 165, 89, 0.3);
  color: #6ee7b7;
}

.tr-auth-page .back-home { display: block; color: #6b7280; text-decoration: none; font-size: 13px; margin-bottom: 16px; }
.tr-auth-page .back-home:hover { color: #9ca3af; }