/* login.css — the page's own rules for views/login.ejs.
   Moved out of the view's inline <style> on 2026-09-26 (the design-system rule:
   no per-page inline styles). Loaded from the view at the same point in the
   head the block occupied, so the cascade order is unchanged. Anything here
   that a second page needs belongs in app.css instead. */
body{display:grid;place-items:center;min-height:100vh;overflow:hidden}
.login-card{position:relative;z-index:1;width:380px;max-width:92vw;background:var(--surface);border:1px solid var(--border);
  border-radius:18px;box-shadow:var(--shadow-lg);padding:34px 32px;animation:rise .4s ease}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center;margin-top:-8px;margin-bottom:16px}
.login-host{font:500 13px var(--font-mono);color:var(--muted)}
.ldiv{height:1px;background:var(--border);margin:0 0 22px}
.field{margin-bottom:16px}
.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}
.field input{width:100%;height:44px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);
  color:var(--text);padding:0 14px;font-size:14px;font-family:inherit;outline:none;transition:.15s}
.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}
.signin{width:100%;height:46px;justify-content:center;margin-top:4px;font-size:14px}
.login-foot{margin-top:20px;text-align:center;font-size:12.5px;color:var(--muted)}
.login-foot a{color:var(--accent);font-weight:600;cursor:pointer}
.error-msg{display:flex;align-items:center;gap:8px;background:var(--red-bg);color:var(--red);border-radius:10px;
  padding:10px 12px;font-size:12.5px;font-weight:500;margin-bottom:18px}
.error-msg svg,.error-msg i[data-lucide]{width:16px;height:16px;flex-shrink:0}
.theme-btn{position:fixed;top:18px;right:18px;z-index:2;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);
  background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer}
.theme-btn svg,.theme-btn i[data-lucide]{width:18px;height:18px}