/*
  Sakhi Manpower Design System — Auth pages (login, 2FA, forgot/reset password)
*/
body.auth-body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(91,44,201,.13),transparent 34%),linear-gradient(135deg,#fff 0%,var(--color-surface-2) 100%)}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-6) var(--space-4)}
.auth-card{width:min(100%,460px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}
.auth-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}
.auth-logo{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:grid;place-items:center;font-size:1.25rem;box-shadow:0 14px 30px rgba(91,44,201,.22)}
.auth-brand h1{font-size:1.2rem;margin:0}
.auth-brand p{font-size:.75rem;color:var(--color-text-secondary);margin:2px 0 0}
.auth-title{font-weight:var(--font-weight-black);font-size:1.6rem;letter-spacing:-.03em;margin:0}
.auth-sub{color:var(--color-text-secondary);line-height:1.65;margin:var(--space-2) 0 var(--space-5)}
.auth-footer{margin-top:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:.75rem}
.auth-debug-note{margin-top:var(--space-4);background:var(--color-surface-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text-secondary);font-size:.75rem;line-height:1.55}
@media (max-width:576px){
  .auth-card{padding:var(--space-5);border-radius:var(--radius-lg)}
  .auth-title{font-size:1.4rem}
}