/* Branded login screen (templates/login.php). */
.tandem-login{min-height:100%; display:flex}
.login-wrap{margin:auto; width:100%; max-width:400px; padding:40px 16px}
.login-brand{display:flex; align-items:center; gap:10px; font-weight:700; font-size:19px; letter-spacing:-.01em; margin-bottom:18px}
.login-card{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:26px 24px}
.login-card h1{margin:0 0 4px; font-size:24px; letter-spacing:-.02em}
.login-lede{margin:0 0 20px; color:var(--muted); font-size:14px}
.login-field{display:block; margin-bottom:14px}
.login-field span{display:block; font-size:13px; color:var(--muted); margin-bottom:4px}
.login-field input{width:100%; padding:9px 12px}
.login-check{display:flex; gap:8px; align-items:center; font-size:14px; margin:4px 0 18px}
.login-submit{width:100%; padding:10px 14px}
.login-foot{margin:14px 0 0; font-size:14px; text-align:center}
.login-msg{margin:0 0 16px; padding:10px 12px; border-radius:8px; background:var(--accent-soft); font-size:14px}
.login-msg.is-error{background:var(--danger-soft); color:var(--danger)}
.login-note{color:var(--muted); font-size:13px; text-align:center; margin-top:16px}