/* ==========================================================================
   LalinERP — Auth pages (Modern Ledger)
   Shared corporate styling for forgot/reset password and other standalone
   auth screens. Warm-paper canvas, garnet accent.
   ========================================================================== */

:root {
  --ld-brand: #CB3A2A;
  --ld-brand-hover: #A82E20;
  --ld-paper: #F6F5F1;
  --ld-surface: #FFFFFF;
  --ld-ink: #1C1B19;
  --ld-ink-soft: #6B6862;
  --ld-ink-faint: #9A958C;
  --ld-border: #E8E6DF;
}

* { box-sizing: border-box; }

.lalin-auth-body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background:
    radial-gradient(1200px 600px at 100% 0%, rgba(203, 58, 42, 0.06), transparent 60%),
    var(--ld-paper);
  font-family: "Hanken Grotesk", "Segoe UI", Helvetica, Arial, sans-serif;
  color: var(--ld-ink);
}

.lalin-auth-card {
  width: 100%;
  max-width: 420px;
  background: var(--ld-surface);
  border: 1px solid var(--ld-border);
  border-radius: 16px;
  padding: 36px 32px 32px;
  box-shadow: 0 18px 48px -28px rgba(28, 27, 25, 0.35);
}

.lalin-auth-brand { margin-bottom: 22px; }

.lalin-auth-logo {
  display: inline-block;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ld-brand);
}

.lalin-auth-title {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.lalin-auth-sub {
  margin: 0 0 22px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ld-ink-soft);
}

.lalin-auth-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--ld-ink-soft);
  margin: 14px 0 6px;
}

.lalin-auth-input {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  color: var(--ld-ink);
  background: #FBFAF7;
  border: 1px solid var(--ld-border);
  border-radius: 10px;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.lalin-auth-input:focus {
  border-color: var(--ld-brand);
  box-shadow: 0 0 0 3px rgba(203, 58, 42, 0.12);
  background: #fff;
}

.lalin-auth-btn {
  display: block;
  width: 100%;
  margin-top: 22px;
  padding: 13px 18px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: var(--ld-brand);
  border: none;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s;
}
.lalin-auth-btn:hover { background: var(--ld-brand-hover); color: #fff; }

.lalin-auth-link {
  display: inline-block;
  margin-top: 18px;
  font-size: 13.5px;
  color: var(--ld-ink-soft);
  text-decoration: none;
}
.lalin-auth-link:hover { color: var(--ld-brand); }

.lalin-auth-alert {
  margin-bottom: 16px;
  padding: 11px 14px;
  font-size: 13.5px;
  color: #8E2417;
  background: #FBEAE7;
  border: 1px solid #F2C9C2;
  border-radius: 10px;
}

.lalin-auth-captcha { margin-top: 16px; }
.lalin-auth-captcha label { font-size: 13px; color: var(--ld-ink-soft); }
.lalin-auth-captcha input {
  width: 100%;
  padding: 11px 14px;
  margin-top: 6px;
  font-size: 15px;
  background: #FBFAF7;
  border: 1px solid var(--ld-border);
  border-radius: 10px;
}