/* login page and other server-rendered pages (templates/base.html.twig): a file, not an inline style, so the
   Content Security Policy needs neither a nonce nor 'unsafe-inline' (a nonce on every page would switch off the
   'unsafe-inline' the Vite dev server needs) */
body { font-family: system-ui, sans-serif; margin: 0; color: #1c2430; }
.login { max-width: 22rem; margin: 15vh auto; padding: 0 1rem; }
.login form { display: grid; gap: .8rem; }
.login label { display: grid; gap: .2rem; } .login label.inline { display: block; }
.login input[type=email], .login input[type=password] { padding: .5rem; font-size: 1rem; }
.login button { padding: .6rem; font-size: 1rem; background: #1d4e89; color: #fff; border: 0; border-radius: 4px; }
.login .error { color: #a40000; }