/* Acesso por código: segue a identidade visual compartilhada da Ático. */
.code-toggle{margin-top:16px;border:1px solid #dedad7!important;background:#fff!important;color:#a92b20!important}
#code-access h2{font-size:21px;margin:24px 0 6px}#code-access p{margin-top:8px}
#login-code{font-size:28px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
#code-resend{margin-top:12px}#code-status{overflow-wrap:anywhere}#code-status:empty{display:none}
button:focus-visible,a:focus-visible{outline:3px solid #bb3424;outline-offset:3px}

#access-choice{display:flex;gap:10px;margin:20px 0;font-size:0;flex-wrap:wrap}
#access-choice a{flex:1;min-width:130px;padding:12px 10px;border:1px solid #dedad7;border-radius:8px;font-size:15px;text-align:center;text-decoration:none;color:#554b46}
#access-choice a[aria-current="page"]{background:#fcf1ef;border-color:#bd3529;color:#a92b20;font-weight:700}
#access-choice[hidden]{display:none}