/* login.css: as páginas /login e /senha do modo senha (brain/login.py). Fora da casca: sem menu, uma caixa no meio. */
body.lg{display:grid;place-items:center;padding:24px 16px}
.lg-caixa{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;box-shadow:var(--shadow);padding:28px 28px 22px}
.lg-logo{display:block;max-width:180px;max-height:48px;margin:0 auto 18px}
.lg-nome{text-align:center;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;color:var(--heading);margin-bottom:18px}
.lg h1{font-size:18px;color:var(--heading);margin-bottom:12px}
.lg-form{display:grid;gap:12px}
.lg-form label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.lg-form input{font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--hairline-2);border-radius:8px;background:var(--page);color:var(--body)}
.lg-form input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}
.lg-form button{justify-self:stretch;padding:10px;margin-top:4px}
.lg-erro{background:var(--danger-tint);color:var(--danger);border-radius:8px;padding:8px 11px;font-size:13px;margin-bottom:12px}
.lg-dica{font-size:12px;color:var(--muted);margin:12px 0 0}
.lg-quem{font-size:12px;color:var(--muted);margin:-6px 0 12px}
.lg-sair{margin-top:10px;text-align:right}
.lg-sair button{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline}