/* SuriyaONE: Log in link in the command bar, and the email-first login page */
.login-link{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--accent);border-radius:5px;background:transparent;color:var(--accent);font:600 11px "Inter",sans-serif;text-decoration:none;white-space:nowrap}
.login-link:hover,.login-link:focus-visible{background:var(--accent-soft)}

.login-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px 16px;background:var(--bg);color:var(--text);font-family:"Titillium Web","Inter",Arial,sans-serif}
.login-card{width:100%;max-width:420px;padding:32px 28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 32px #0A111C14}
.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--text);text-decoration:none}
.login-brand img{width:38px;height:38px}
.login-brand strong{display:block;font-size:20px;letter-spacing:-.02em}
.login-brand strong span{color:var(--accent)}
.login-brand small{display:block;color:var(--muted);font:600 10px "Inter",sans-serif;letter-spacing:.08em}
.login-card h1{margin:0 0 6px;font-size:26px;letter-spacing:-.03em}
.login-card p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.5}
.login-card label{display:block;margin-bottom:6px;font:600 12px "Inter",sans-serif}
.login-card input[type=email]{width:100%;box-sizing:border-box;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:var(--subtle);color:var(--text);font:15px "Inter",sans-serif}
.login-card input[type=email]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.login-card button{width:100%;height:44px;margin-top:16px;border:0;border-radius:5px;background:var(--accent-fill);color:#0A111C;font:700 14px "Inter",sans-serif;cursor:pointer}
.login-card button:hover{background:#67D4FF}
.login-card button[disabled]{opacity:.6;cursor:progress}
.login-msg{min-height:20px;margin-top:12px;color:var(--status-alarm);font:500 13px/1.4 "Inter",sans-serif}
.login-foot{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font:12px "Inter",sans-serif;color:var(--muted)}
.login-foot a{color:var(--accent)}