/* Entrar, criar conta e esqueci minha senha (loja v3; kit 4.8). Só tokens --ds-*. Sem JavaScript (sem .lm-js no <html>), as abas e as etapas aparecem empilhadas e funcionam. */

.lm-acc{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-5)}
.lm-acc__h1{width:100%;max-width:480px;margin:0;text-align:center;font-size:var(--ds-text-h1-form-size);line-height:1.1}
.lm-acc__wrap{width:100%;max-width:480px}
.lm-acc__card{display:flex;flex-direction:column;gap:var(--ds-space-5);padding:var(--ds-space-8);border:var(--ds-border-width) solid var(--ds-color-line);border-radius:var(--ds-radius-box-lg);background:var(--ds-color-surface)}
@media (max-width:760px){.lm-acc__card{padding:var(--ds-space-6) var(--ds-space-5)}}
.lm-acc__titulo{margin:0;font-size:var(--ds-text-h3-size)}
.lm-acc__texto{margin:0;color:var(--ds-color-text-muted)}
.lm-acc__ok{margin:0;padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-field);background:var(--ds-color-success-bg);color:var(--ds-color-success-text);font-weight:var(--ds-weight-bold)}
.lm-acc__erro{margin:0;padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-field);background:var(--ds-color-danger-bg);color:var(--ds-color-danger);font-weight:var(--ds-weight-bold)}
.lm-acc__criada{display:flex;flex-direction:column;gap:var(--ds-space-2);text-align:center}
.lm-acc__criada .lm-acc__titulo{font-size:var(--ds-text-h2-size)}

/* Abas e etapas */
.lm-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-1);padding:var(--ds-space-1);border:var(--ds-border-width) solid var(--ds-color-line);border-radius:var(--ds-radius-seg);background:var(--ds-color-surface-soft)}
.lm-tab{min-height:var(--ds-target);border:0;border-radius:var(--ds-radius-seg-item);background:transparent;color:var(--ds-color-navy);font:var(--ds-weight-bold) 16px/1 var(--ds-font-body);cursor:pointer}
.lm-tab:hover{background:var(--ds-color-blue-soft)}
.lm-tab[aria-selected=true]{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-aba{display:flex;flex-direction:column;gap:var(--ds-space-4)}
.lm-js .lm-aba[data-off],.lm-js .lm-etapa[data-off]{display:none}
.lm-js .lm-aba__titulo{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
html:not(.lm-js) .lm-tabs,html:not(.lm-js) .lm-so-js,html:not(.lm-js) .lm-olho,html:not(.lm-js) .lm-cad-prog,html:not(.lm-js) .lm-medidor{display:none}
html:not(.lm-js) .lm-aba+.lm-aba{margin-top:var(--ds-space-8);padding-top:var(--ds-space-6);border-top:var(--ds-border-width) solid var(--ds-color-line)}
html:not(.lm-js) .lm-etapa+.lm-etapa{margin-top:var(--ds-space-6)}
.lm-form{display:flex;flex-direction:column;gap:var(--ds-space-4)}
.lm-etapa{display:flex;flex-direction:column;gap:var(--ds-space-4);min-width:0;margin:0;padding:0;border:0}
.lm-etapa__titulo{display:block;width:100%;padding:0;margin:0 0 var(--ds-space-1);color:var(--ds-color-navy);font-weight:var(--ds-weight-bold)}
.lm-etapa__titulo small{font-size:inherit;font-weight:inherit}
.lm-cad-prog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.lm-cad-prog span{height:6px;border-radius:3px;background:var(--ds-color-line)}
.lm-cad-prog span:first-child,.lm-cad-prog[data-etapa="2"] span{background:var(--ds-color-blue)}

/* Campos */
.lm-campo{display:flex;flex-direction:column;gap:6px;margin:0}
.lm-campo label{margin:0;font-weight:var(--ds-weight-bold);font-size:var(--ds-text-label-size)}
.lm-campo__rotulo{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-3)}
.lm-campo__linha{position:relative}
.lm-inp{width:100%;min-height:var(--ds-field-h);padding:0 14px;border:var(--ds-border-strong) solid var(--ds-color-border);border-radius:var(--ds-radius-field);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-text-body-size)}
.lm-campo--senha .lm-inp{padding-right:100px}
.lm-campo.is-erro .lm-inp{border-color:var(--ds-color-danger)}
.lm-olho{position:absolute;top:2px;right:4px;min-height:var(--ds-target);padding:0 12px;border:0;border-radius:var(--ds-radius-seg-item);background:transparent;color:var(--ds-color-blue);font:var(--ds-weight-bold) 16px/1 var(--ds-font-body);cursor:pointer}
.lm-olho:hover{color:var(--ds-color-navy)}
.lm-msg{min-height:0;color:var(--ds-color-danger);font-size:var(--ds-text-small-size)}
.lm-msg:empty{display:none}
.lm-medidor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.lm-medidor span{height:6px;border-radius:3px;background:var(--ds-color-line)}
[data-forca="1"] .lm-medidor span:nth-child(1){background:var(--ds-color-danger)}
[data-forca="2"] .lm-medidor span:nth-child(-n+2){background:var(--ds-color-pending)}
[data-forca="3"] .lm-medidor span{background:var(--ds-color-success-icon)}
.lm-regras{display:flex;flex-direction:column;gap:var(--ds-space-1);margin:0;padding:0;list-style:none;font-size:var(--ds-text-small-size);color:var(--ds-color-text-small)}
.lm-regras li{display:flex;align-items:center;gap:var(--ds-space-2)}
.lm-regras li::before{content:"";flex:none;width:12px;height:12px;border:var(--ds-border-strong) solid var(--ds-color-border);border-radius:50%}
.lm-regras li[data-ok]{color:var(--ds-color-success-text)}
.lm-regras li[data-ok]::before{content:"\2713";width:12px;height:12px;border:0;color:var(--ds-color-success-icon);font-weight:var(--ds-weight-bold);line-height:12px}
.lm-check{display:flex;align-items:flex-start;gap:var(--ds-space-3);min-height:var(--ds-target);font-weight:var(--ds-weight-regular);font-size:var(--ds-text-body-size)}
.lm-check input{width:22px;height:22px;margin:2px 0 0}

/* Botões e links */
.lm-acc .lm-btn{width:100%}
.lm-btn-voltar,.lm-btn-sec{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ds-button-h);padding:0 var(--ds-space-6);border:var(--ds-border-strong) solid var(--ds-color-navy);border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-color-navy);font:var(--ds-weight-bold) 16px/1.2 var(--ds-font-body);cursor:pointer}
.lm-btn-voltar:hover,.lm-btn-sec:hover{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-acc__botoes{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}
.lm-acc__botoes .lm-btn{flex:1 1 160px;width:auto}
.lm-btn-g{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-3);min-height:52px;border:var(--ds-border-width) solid #747775;border-radius:var(--ds-radius-pill);background:#FFFFFF;color:#1F1F1F;font-weight:var(--ds-weight-bold)}
.lm-or{display:flex;align-items:center;gap:var(--ds-space-3);margin:0;color:var(--ds-color-text-muted);font-size:var(--ds-text-small-size)}
.lm-or::before,.lm-or::after{content:"";flex:1;height:1px;background:var(--ds-color-line)}
.lm-link{font-weight:var(--ds-weight-bold)}
.lm-acc__troca{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 6px;margin:0;color:var(--ds-color-text-muted)}
.lm-acc__troca .lm-link{display:inline-flex;align-items:center;min-height:var(--ds-target)}
.lm-acc__nota{margin:0;color:var(--ds-color-text-muted);font-size:var(--ds-text-small-size)}

/* Benefícios */
.lm-acc__intro{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-6);width:100%;max-width:880px;margin-top:var(--ds-space-8);padding-top:40px;border-top:var(--ds-border-width) solid var(--ds-color-line);text-align:center}
.lm-acc__h2{margin:0;font-size:var(--ds-text-h2-size)}
.lm-acc__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-6);width:100%;margin:0;padding:0;list-style:none}
.lm-acc__lista li{display:flex;flex-direction:column;align-items:center;gap:10px}
.lm-acc__lista li>span:last-child{color:var(--ds-color-text-muted);font-size:var(--ds-text-label-size)}
.lm-bub{display:inline-flex;flex:none;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--ds-radius-pill);background:var(--ds-color-blue-soft);color:var(--ds-color-navy)}
.lm-acc__sem{margin:0}
.lm-acc__sem a{font-weight:var(--ds-weight-bold)}
@media (max-width:860px){.lm-acc__lista{grid-template-columns:minmax(0,1fr);max-width:340px;gap:var(--ds-space-5)}}
.lm-campo .lm-check{font-weight:var(--ds-weight-regular);font-size:var(--ds-text-body-size)}
.lm-etapa__titulo small::after{content:" \00B7"}
