/* One sign-in screen for Chat, Manage, Grid, and Workspace. */
form#login{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;
  width:100%;min-height:100dvh;margin:0;padding:1.25rem;background:var(--vb-swatch-111923);color:var(--vb-swatch-eaf0f8);
  font:var(--vb-type-px-16)/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
form#login .login-card{display:flex;flex-direction:column;gap:.85rem;width:min(100%,25rem);
  margin:auto;padding:clamp(1.5rem,5vw,2rem);border:1px solid var(--vb-swatch-3a4b5e);border-radius:var(--r-surface);
  background:var(--vb-swatch-1a2230);box-shadow:0 24px 70px var(--vb-swatch-06101bcc);text-align:left}
form#login .login-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:.25rem;
  color:var(--vb-swatch-eaf0f8);font-size:var(--vb-type-rem-1);font-weight:750;letter-spacing:-.02em}
form#login .login-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;
  border-radius:var(--r-control);background:var(--vb-swatch-8fb8f5);color:var(--vb-swatch-102136);font-weight:850}
form#login .login-title{margin:0;padding:0;border:0;color:var(--vb-swatch-eaf0f8);
  font-size:var(--vb-type-rem-1-6);font-weight:750;line-height:1.2;text-transform:none}
form#login .login-copy{margin:0 0 .35rem;color:var(--vb-swatch-aab8c9);font-size:var(--vb-type-rem-0-9)}
form#login label{display:block;margin:0;color:var(--vb-swatch-eaf0f8);font-size:var(--vb-type-rem-0-85);font-weight:650;text-transform:none}
form#login input{display:block;width:100%;min-height:2.9rem;margin:0;padding:.65rem .8rem;
  border:1px solid var(--vb-swatch-51647b);border-radius:var(--r-control);background:var(--vb-swatch-111923);color:var(--vb-swatch-eaf0f8);font:inherit}
form#login input:focus-visible{outline:2px solid var(--vb-swatch-8fb8f5);outline-offset:2px}
form#login .login-error{margin:0;color:var(--vb-swatch-ffadb5);font-size:var(--vb-type-rem-0-85)}
form#login .login-error:empty{display:none}
form#login button{width:100%;min-height:2.9rem;margin:.2rem 0 0;padding:.6rem .8rem;
  border:1px solid var(--vb-swatch-8fb8f5);border-radius:var(--r-control);background:var(--vb-swatch-8fb8f5);color:var(--vb-swatch-102136);
  font:700 var(--vb-type-rem-0-95) system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:none;cursor:pointer}
form#login button:hover{background:var(--vb-swatch-aaceff);border-color:var(--vb-swatch-aaceff)}
form#login button:focus-visible{outline:2px solid var(--vb-swatch-eaf0f8);outline-offset:2px}