/* Login seguro: recursos da identidade, sem página de compra escondida. */
.xd-acessos { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-left:auto; }
.xd-acessos a { display:inline-flex; align-items:center; min-height:44px; padding:4px 8px; color:var(--xd-text); font-size:14px; }
.xd-acessos a:focus-visible { outline:2px solid var(--xd-blue-hi); outline-offset:3px; }
header:has(.xd-acessos) { flex-wrap:wrap; }
.login-seguro { max-width:880px; margin:48px auto; padding:24px; border:1px solid var(--xd-line); border-radius:var(--xd-radius); background:var(--xd-surface); overflow-wrap:anywhere; }
.login-seguro h1 { font-family:var(--xd-font-display); font-size:clamp(24px,4vw,32px); line-height:1.15; margin:0 0 var(--xd-space-3); }
.login-seguro h2 { font-family:var(--xd-font-display); font-size:var(--xd-fs-24); line-height:1.3; }
.login-colunas { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
.login-seguro label { display:block; margin:16px 0 6px; }
.login-seguro input { box-sizing:border-box; width:100%; min-height:44px; background:var(--xd-bg-0); color:var(--xd-text); border:1px solid var(--xd-line-forte); border-radius:var(--xd-radius-sm); padding:12px; font:inherit; }
.login-seguro button { min-height:44px; padding:12px 18px; margin:12px 8px 12px 0; border:1px solid var(--xd-blue); border-radius:var(--xd-radius-sm); background:var(--xd-blue-deep); color:var(--xd-text); font:inherit; cursor:pointer; }
.login-seguro :focus-visible { outline:2px solid var(--xd-blue-hi); outline-offset:4px; }
.login-seguro p { line-height:1.6; }
.login-seguro [hidden] { display:none !important; }
.login-seguro a { color:var(--xd-text); display:inline-block; padding-block:8px; }
.login-seguro button:disabled { opacity:.6; cursor:wait; }
#qr-imagem { width:208px; max-width:100%; padding:16px; background:white; margin:16px auto; }
#qr-imagem img,#qr-imagem canvas { display:block; max-width:100%; height:auto; }
#qr-numero { font-family:var(--xd-font-mono); font-size:20px; }
#pedido-numeros { display:flex; gap:16px; flex-wrap:wrap; }
#pedido-numeros button { font-size:28px; min-width:68px; }
@media(max-width:700px){ .login-colunas { grid-template-columns:minmax(0,1fr); } .login-seguro{margin:24px 12px;padding:20px;} .xd-acessos {margin-left:0;width:100%;gap:4px;} #qr-painel {display:none !important;} }