/* Entrar sem senha (atacado e varejo): a peça da Minha conta e do modal do checkout. Autônoma: não depende de conta.css nem loja.css (o checkout não carrega as duas).
 * Estrutura e estados: inc/atacado-login.php. Medidas: alvos de 44 px, texto de campo de 16 px ou mais (sem zoom no iPhone), foco visível. */
.lg{display:grid;gap:14px;min-width:0}
.lg-v{display:grid;gap:14px;align-content:start;min-width:0}
.lg-v[hidden],.lg [hidden]{display:none!important}
.lg h2{font-size:1.375rem;font-weight:900;line-height:1.2;color:var(--tinta)}
.lg h2:focus{outline:none}
.lg-sub{font-size:.9375rem;color:var(--apoio);line-height:1.55;margin-top:-6px}
.lg-email{color:var(--tinta);font-weight:700;overflow-wrap:anywhere}
.lg .form-g{display:grid;gap:16px}

/* Campos */
.lg .campo{display:block;min-width:0}
.lg .campo label{display:block;font-size:.875rem;font-weight:700;margin-bottom:6px;color:var(--tinta)}
.lg .campo input[type=email],.lg .campo input[type=text],.lg .campo input[type=password]{font:inherit;font-size:1rem;min-height:48px;padding:12px 14px;border:1px solid var(--borda);border-radius:var(--raio-in);background:#fff;color:var(--tinta);width:100%}
.lg .campo input:focus{outline:2px solid var(--terra-dk);outline-offset:1px;border-color:var(--terra-dk)}
.lg .campo input[aria-invalid="true"]{border-color:var(--erro);box-shadow:0 0 0 1px var(--erro)}
.lg .campo input::placeholder{color:#7d6e63;opacity:1}
.lg .campo input.lg-cod{font-size:1.75rem;font-weight:700;min-height:62px;letter-spacing:.4em;text-align:center;text-indent:.4em;font-variant-numeric:tabular-nums;font-family:inherit}
.lg .campo input.lg-cod::placeholder{font-weight:500;letter-spacing:.4em}

/* Código em seis caixas (o campo único cobre o caso sem JavaScript) */
.lg-caixas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,2vw,10px)}
.lg .campo input.lg-caixa{width:100%;min-width:0;height:clamp(52px,15vw,66px);min-height:52px;padding:0;text-align:center;font:inherit;font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;border-radius:var(--raio-in)}
.lg .campo input.lg-caixa:focus{outline:3px solid var(--terra-dk);outline-offset:0}
.lg-cod-dica{margin-top:8px}

/* Botões */
.lg .btn{min-height:52px;font-size:1rem}
.lg .btn[aria-disabled="true"]{cursor:progress}
.lg-link{appearance:none;background:none;border:0;font:inherit;font-size:.9375rem;font-weight:700;color:var(--terra-dk);text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:0;display:inline-flex;align-items:center;cursor:pointer}
.lg-link:hover{color:#8f3a1c}
.lg-link[aria-disabled="true"],.lg-link:disabled{color:var(--apoio);text-decoration:none;cursor:default}


/* Mensagens */
.lg-erro:empty{display:none}
.lg-erro .erro-c{display:flex;gap:8px;align-items:flex-start;font-size:.875rem;font-weight:600;color:var(--erro);margin-top:6px;line-height:1.4}
.lg-erro .erro-c svg{width:18px;height:18px;flex:none;margin-top:1px}
.lg-erro .lg-dica{margin-top:6px}
.lg-aviso{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--raio-in);background:var(--aviso-bg);color:var(--aviso-tx);font-size:.9375rem;line-height:1.45}
.lg-aviso .ic{width:20px;height:20px;margin-top:1px}
.lg-dica{font-size:.8125rem;color:var(--apoio);line-height:1.5}
.lg-rodape{display:grid;gap:8px;border-top:1px solid var(--linha);padding-top:12px}
.lg-acoes{display:flex;flex-wrap:wrap;gap:0 20px;align-items:center}
.lg-acoes form{display:contents}

/* Modal do checkout */
.lg-dialog{margin:auto;inset:0;border:0;border-radius:var(--raio);padding:0;width:min(520px,calc(100vw - 24px));max-width:none;max-height:calc(100svh - 24px);overflow:auto;background:#fff;color:var(--tinta);box-shadow:0 0 0 1px rgba(42,29,23,.08),0 24px 64px rgba(42,29,23,.35);overscroll-behavior:contain}
.lg-dialog::backdrop{background:rgba(42,29,23,.55)}
.lg-dialog[open]{animation:lg-entra .18s ease-out}
@keyframes lg-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lg-dialog[open]{animation:none}}
.lg-corpo{padding:clamp(20px,5vw,32px)}
.lg-dialog .lg h2{padding-right:44px}
.lg-fechar{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:8px;background:none;display:grid;place-items:center;color:var(--tinta);cursor:pointer;z-index:1}
.lg-fechar:hover{background:var(--papel)}
.lg-fechar .ic{width:22px;height:22px}
html.lg-aberto{overflow:hidden}
.pag-at .ja-conta a[data-lg-abrir]{cursor:pointer}
/* Link do checkout do varejo (no atacado o mesmo estilo vem de atacado-lote2.css) */
.pag:not(.pag-at) .ja-conta{font-size:.9375rem;margin:-6px 0 4px}
.pag:not(.pag-at) .ja-conta a{font-weight:700;color:var(--terra-dk);text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px;cursor:pointer}

@media (max-width:420px){.lg-acoes{gap:0 12px}}
@media (max-width:360px){.lg-caixas{gap:4px}.lg-corpo{padding:16px}.lg-dialog{width:calc(100vw - 16px)}}