/* The login page (login.html). Built on splintr.css, which is open before logging in. */
.login-body { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: var(--paper); }
.login { width: min(400px, 100%); display: grid; gap: 18px; justify-items: center; }
.login-logo { height: 36px; width: auto; }
.login-card { width: 100%; padding: 26px 24px 22px; display: grid; gap: 14px; }
.login-card h1 { font-size: 22px; margin: 0 0 2px; }
.login-field { display: block; }
.login-field .input { padding: 10px 12px; font-size: 14px; }
.login-error { margin: 0; font-size: 13px; color: var(--bad); }
.login-error:empty { display: none; }
.login-submit { width: 100%; padding: 11px 14px; font-size: 14px; }
.login-note { margin: 0; font-size: 12.5px; color: var(--muted); text-align: center; max-width: 320px; }