/* Login screen (login.html only) — same base styling as the demo employee login,
   reused here since it's generic sign-in form styling, not demo-specific. */

.login-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:32px 24px}
.login-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);
  box-shadow:var(--shadow-md);padding:40px 36px;width:100%;max-width:380px}
.login-card .eyebrow{font:600 12px var(--font);color:var(--purple);letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:14px}
.login-title{font:700 26px var(--font);margin-bottom:8px;color:var(--fg)}
.login-sub{font:300 14px/1.5 var(--font);color:var(--fg-muted);margin-bottom:28px}

.field-label{display:block;font:600 13px var(--font);color:var(--fg);margin:0 0 6px}
#login-form input{width:100%;border:1.5px solid var(--grey-200);border-radius:var(--radius-sm);
  padding:11px 13px;font:400 14px var(--font);margin-bottom:18px}
#login-form input:focus-visible{outline:3px solid var(--lilac);outline-offset:1px}

.login-error{font:600 13px var(--font);color:var(--red);margin:-8px 0 16px}
.login-submit{width:100%;text-align:center;margin-top:4px}
.login-submit:disabled{opacity:.6;cursor:not-allowed}
.login-note{font:300 12px/1.5 var(--font);color:var(--fg-muted);margin-top:20px;text-align:center}