/* Production shell additions: login card and the one-time "set a password" offer. */
.login{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.login-card{width:min(420px,100%);padding:32px 28px;display:grid;gap:14px}
.login-card img{width:150px;height:28px}
.login-card h1{margin:8px 0 0;font-size:24px}
.login-card form,.password-offer form{display:grid;gap:12px}
.login-card label,.password-offer label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.login-card .button{justify-content:center;width:100%}
.login-message{min-height:1.5em;margin:0;font-size:14px}
.login-message.error{color:var(--danger,#e5484d)}
.login-hint{margin:0;font-size:12px;color:var(--faint)}
.password-offer{max-width:1440px;margin:16px auto 0;padding:16px 20px}
.password-offer form{grid-template-columns:minmax(0,1fr);align-items:end}
@media(min-width:800px){.password-offer form{grid-template-columns:auto minmax(220px,1fr) auto auto}}
#app[hidden],.login[hidden]{display:none}