/* Telas de conta do FluxoHealth: entrar, recuperar a senha e criar conta. No molde do entrar do Groomo
   (24/10/2026, pedido do Diego: "pega um modelo lá do Groomo, só que voltado para a nossa versão"):
   sempre escuras, um mosaico inclinado de pedaços do dia de uma clínica correndo devagar no fundo
   (conta-vitrine.js), o brilho azul e ciano da logo no meio e o cartão de vidro na frente. A tela do
   painel não aparece: são pedaços soltos, de exemplo. Reaproveita de estilo.css o logo e os botões. */
.conta-corpo{
  --fundo:#040A17;--surface:#0E1A31;--raised:#14243F;--sunken:#0A1428;
  --ink:#EEF4FF;--ink-2:#C4D1E6;--muted:#8D9DB8;--line:rgb(255 255 255 / .1);--line-2:rgb(255 255 255 / .16);
  --azul:#1A6BFF;--ciano:#13B5E3;--azul-claro:#6FA8FF;--ok-c:#5FD39A;--erro-c:#FF8A80;
  /* a lista de escolha própria (painel/seletores.js) usa os nomes do painel */
  --muted-sel:var(--muted);--accent-fill:var(--azul);--accent-text:var(--azul-claro);--font:var(--fonte);
  background:var(--fundo);color:var(--ink);color-scheme:dark}
.conta-corpo ::selection{background:rgb(26 107 255 / .45)}

/* ---------- a casca: fundo, brilho, topo ---------- */
.au{position:relative;min-height:100svh;display:flex;flex-direction:column}
.au-fundo{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.au-vinheta{position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(560px 460px at 50% 52%, color-mix(in oklab, var(--azul) 26%, transparent), transparent 70%),
             radial-gradient(420px 320px at 58% 40%, color-mix(in oklab, var(--ciano) 12%, transparent), transparent 70%),
             radial-gradient(ellipse at 50% 50%, rgb(4 10 23 / .35) 0%, rgb(4 10 23 / .82) 55%, var(--fundo) 92%)}
.au-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:22px 28px}
.au-top .logo{font-size:23px}
.au-top .logo img{width:30px;height:30px}
.au-voltar,.au-pausa{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line-2);background:rgb(255 255 255 / .06);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s}
.au-voltar:hover,.au-pausa:hover{background:rgb(255 255 255 / .12)}
.au-voltar svg,.au-pausa svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.au-pausa{margin-left:auto;cursor:pointer}
.au-centro{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:8px 20px 40px;outline:none}
.au-nota{max-width:460px;margin:0;text-align:center;font-size:12.5px;color:rgb(255 255 255 / .6)}

/* ---------- o cartão de vidro ---------- */
.au-cartao{width:min(440px,100%);display:flex;flex-direction:column;gap:16px;padding:32px 30px 26px;border-radius:30px;
  background:linear-gradient(160deg,rgb(255 255 255 / .1),rgb(255 255 255 / .035));border:1px solid rgb(255 255 255 / .14);
  backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
  box-shadow:0 40px 90px -30px rgb(0 0 0 / .85),inset 0 1px 0 rgb(255 255 255 / .12)}
.au-cartao--largo{width:min(640px,100%)}
.au-cab h1{margin:0;font:650 28px/1.15 var(--fonte);letter-spacing:-.03em;color:#fff;outline:none}
.au-cartao--largo .au-cab h1{font-size:26px}
.au-cab p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:rgb(255 255 255 / .64)}
.au-social{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:15px;border:1px solid var(--line-2);background:rgb(255 255 255 / .06);color:#fff;font:600 15px/1 var(--fonte);cursor:pointer;transition:background .15s,transform .15s}
.au-social:hover{background:rgb(255 255 255 / .12)}
.au-social:active{transform:scale(.99)}
.au-social svg{width:19px;height:19px}
.au-ou{display:flex;align-items:center;gap:12px;font-size:13px;color:rgb(255 255 255 / .55)}
.au-ou::before,.au-ou::after{content:"";flex:1;height:1px;background:var(--line)}
.au-entrar{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 22px;border:0;border-radius:16px;color:#fff;font:650 16px/1 var(--fonte);cursor:pointer;
  background:linear-gradient(180deg,#4B8FFF,var(--azul) 58%,#1458D6);box-shadow:0 18px 40px -14px rgb(26 107 255 / .8),inset 0 1px 0 rgb(255 255 255 / .3);transition:filter .15s,transform .15s}
.au-entrar:hover{filter:brightness(1.08)}
.au-entrar:active{transform:scale(.99)}
.au-entrar .seta{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--entra)}
.au-entrar:hover .seta{transform:translateX(3px)}
.au-entrar:focus-visible,.au-social:focus-visible,.au-voltar:focus-visible,.au-pausa:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tela__troca{margin:2px 0 0;text-align:center;font-size:14.5px;color:rgb(255 255 255 / .62)}
.link{color:var(--azul-claro);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background:none;border:0;padding:0;font-size:inherit;cursor:pointer}
.link:hover{color:#fff}
.tela__troca .link{color:#fff}
.link--leve{text-decoration:none;font-size:14px}
.link--leve:hover{text-decoration:underline}
.aviso{padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.55}
.aviso--ok{background:rgb(95 211 154 / .14);color:#A6F0C8}

/* ---------- campos ---------- */
.form{display:flex;flex-direction:column;gap:16px}
.campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.campo > label,.campo__t{font-size:13.5px;font-weight:600;color:rgb(255 255 255 / .8)}
.campo label small,.campo__t small{font-weight:500;color:rgb(255 255 255 / .5);margin-left:4px}
.campo input:not([type="checkbox"]):not([type="radio"]),.campo .sel-bt{width:100%;height:50px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:rgb(0 0 0 / .28);color:#fff;font:400 15.5px var(--fonte);outline:none;transition:border-color .15s,box-shadow .15s}
.campo input::placeholder{color:rgb(255 255 255 / .42)}
.campo input:hover,.campo .sel-bt:hover{border-color:rgb(255 255 255 / .22)}
.campo input:focus,.campo .sel-bt:focus-visible,.campo .sel-bt[aria-expanded="true"]{border-color:var(--azul-claro);box-shadow:0 0 0 4px color-mix(in oklab, var(--azul) 35%, transparent)}
.campo [aria-invalid="true"],.campo .sel-bt:has(+ select[aria-invalid="true"]){border-color:var(--erro-c) !important}
.campo [aria-invalid="true"]:focus{box-shadow:0 0 0 4px rgb(255 107 91 / .2)}
.campo input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #0F1C33 inset;caret-color:#fff}
.campo__erro{margin:0;font-size:13px;font-weight:600;color:var(--erro-c)}
.campo__dica{margin:0;font-size:12.5px;color:rgb(255 255 255 / .55)}
.campos-2{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:12px}
.campos-2--igual{grid-template-columns:repeat(2,minmax(0,1fr))}

.caixa{position:relative}
.caixa__ic{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:rgb(255 255 255 / .45);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .15s}
.caixa:has(.caixa__ic) input{padding-left:46px !important}
.caixa:focus-within .caixa__ic{stroke:var(--azul-claro)}
.senha input{padding-right:52px !important}
.senha__ver{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:none;color:rgb(255 255 255 / .6);cursor:pointer}
.senha__ver:hover{color:#fff;background:rgb(255 255 255 / .08)}
.senha__ver svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.senha__ver[aria-pressed="true"]{color:var(--azul-claro)}
.senha-regras{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;font-size:12.5px;color:rgb(255 255 255 / .55)}
.senha-regras li{display:inline-flex;align-items:center;gap:6px;transition:color .15s}
.senha-regras li::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .3);box-sizing:border-box;transition:background .15s,border-color .15s}
.senha-regras li.ok{color:var(--ok-c)}
.senha-regras li.ok::before{border-color:var(--ok-c);background:var(--ok-c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23062014' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}

.form__linha{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.marcar{display:inline-flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;color:rgb(255 255 255 / .75);cursor:pointer}
.marcar input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:1px 0 0;border:1.5px solid rgb(255 255 255 / .35);border-radius:6px;background:rgb(0 0 0 / .25);cursor:pointer;transition:background .15s,border-color .15s}
.marcar input:hover{border-color:var(--azul-claro)}
.marcar input:checked{border-color:var(--azul);background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.marcar input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.marcar input[aria-invalid="true"]{border-color:var(--erro-c)}
.marcar .link{color:var(--azul-claro)}

/* ---------- escolhas ---------- */
.escolhas{display:flex;flex-direction:column;gap:8px}
.escolhas--linha{flex-direction:row;flex-wrap:wrap}
.escolha{position:relative;cursor:pointer}
.escolha input{position:absolute;opacity:0;width:1px;height:1px}
.escolha span{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:rgb(255 255 255 / .04);font-size:14.5px;font-weight:550;color:rgb(255 255 255 / .88);transition:border-color .15s,background .15s}
.escolha span::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .35);box-sizing:border-box;transition:border .15s}
.escolhas--linha .escolha span{min-height:44px;padding:8px 16px 8px 13px}
.escolha:hover span{border-color:rgb(255 255 255 / .24);background:rgb(255 255 255 / .07)}
.escolha input:checked + span{border-color:var(--azul-claro);background:rgb(26 107 255 / .16);color:#fff}
.escolha input:checked + span::before{border:5px solid var(--azul-claro)}
.escolha input:focus-visible + span{outline:2px solid #fff;outline-offset:2px}
.campo[aria-invalid="true"] .escolha span{border-color:rgb(255 138 128 / .6)}
.escolhas--cartao{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.escolhas--cartao .escolha span{position:relative;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;height:100%;min-height:116px;padding:14px;border-radius:15px}
.escolhas--cartao .escolha span::before{position:absolute;top:13px;right:13px}
.escolhas--cartao b{font-size:14px;font-weight:600;line-height:1.3}
.escolha__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgb(255 255 255 / .08);color:#fff;transition:background .15s}
.escolha__ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.escolha input:checked + span .escolha__ic{background:linear-gradient(135deg,var(--azul),var(--ciano))}

/* ---------- etapas do cadastro ---------- */
.passos-conta{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.passos-conta li{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13.5px;color:rgb(255 255 255 / .5)}
.passos-conta li:last-child{flex:none}
.passos-conta li:not(:last-child)::after{content:"";flex:1;min-width:12px;height:2px;border-radius:2px;background:var(--line);transition:background .3s}
.passos-conta li.feito::after{background:linear-gradient(90deg,var(--azul),var(--ciano))}
.passos-conta span{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line-2);font-size:12.5px;font-weight:600;transition:background .2s,border-color .2s,color .2s}
.passos-conta b{font-weight:600;white-space:nowrap}
.passos-conta li[aria-current="step"],.passos-conta li.feito{color:#fff}
.passos-conta li[aria-current="step"] span{border-color:transparent;background:linear-gradient(135deg,var(--azul),var(--ciano));color:#fff;box-shadow:0 0 0 4px rgb(26 107 255 / .22)}
.passos-conta li.feito span{border-color:var(--azul-claro);color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.3l2.8 2.8L12.3 5.3' fill='none' stroke='%236FA8FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.etapa{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0;min-width:0}
.etapa:not([hidden]){animation:etapa-entra .3s var(--entra)}
@keyframes etapa-entra{from{opacity:0;transform:translateY(8px)}}
.form__acoes{display:flex;gap:10px;margin-top:4px}
.form__acoes [data-avancar]{flex:1}
.form__acoes .botao--borda{height:54px;border-radius:16px;border-color:var(--line-2);background:rgb(255 255 255 / .06);color:#fff}
.form__acoes .botao--borda:hover{background:rgb(255 255 255 / .12);border-color:var(--line-2)}

.revisao{display:grid;gap:10px}
.revisao__bloco{padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgb(255 255 255 / .03)}
.revisao__cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.revisao__cab p{margin:0;font-size:14px;font-weight:600;color:#fff}
.revisao__cab .link{font-size:13.5px}
.revisao dl{margin:0}
.revisao dl div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px}
.revisao dt{color:rgb(255 255 255 / .55)}
.revisao dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}

/* documentos: cada documento num cartão, frente e verso lado a lado */
.docs__intro{margin:0;font-size:14px;line-height:1.55;color:rgb(255 255 255 / .75)}
.docs__regra{margin:0;font-size:12.5px;color:rgb(255 255 255 / .5)}
.doc-env{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgb(255 255 255 / .03)}
.doc-env--erro{border-color:rgb(255 138 128 / .55)}
.doc-env__t{margin:0;font-size:14px;font-weight:600;color:#fff}
.doc-env__t small{margin-left:6px;font-size:12.5px;font-weight:500;color:rgb(255 255 255 / .5)}
.doc-env__s{margin:2px 0 0;font-size:12.5px;color:rgb(255 255 255 / .55)}
.doc-env__lados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.doc-env__lados--um{grid-template-columns:minmax(0,1fr)}
.anexo{position:relative;min-width:0;min-height:124px;border-radius:12px}
.anexo__vazio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;min-height:124px;padding:14px 10px;border:1.5px dashed rgb(255 255 255 / .2);border-radius:12px;background:rgb(0 0 0 / .18);text-align:center;font-size:12.5px;color:rgb(255 255 255 / .55);cursor:pointer;transition:border-color .15s,background .15s}
.anexo__vazio b{font-size:13.5px;font-weight:600;color:#fff}
.anexo__vazio b small{font-weight:500;color:rgb(255 255 255 / .5);margin-left:2px}
.anexo__vazio u{color:var(--azul-claro);text-decoration-thickness:1px;text-underline-offset:3px}
.anexo__ic{display:grid;place-items:center;width:34px;height:34px;margin-bottom:2px;border-radius:10px;background:rgb(26 107 255 / .2);color:var(--azul-claro)}
.anexo__ic svg,.anexo__pdf svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.anexo:hover .anexo__vazio,.anexo--sobre .anexo__vazio{border-color:var(--azul-claro);background:rgb(26 107 255 / .1)}
.anexo__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.anexo__input:focus-visible + *,.anexo__input:focus-visible{outline:none}
.anexo:has(.anexo__input:focus-visible) .anexo__vazio{outline:2px solid #fff;outline-offset:2px}
.anexo__input--escondido{inset:auto;width:1px;height:1px;pointer-events:none}
.doc-env--erro .anexo__vazio{border-color:rgb(255 138 128 / .55);background:rgb(255 107 91 / .07)}
.anexo--cheio{display:flex;flex-direction:column;border:1px solid var(--line);background:rgb(0 0 0 / .2);overflow:hidden}
.anexo__previa{height:92px;background:rgb(255 255 255 / .05);display:grid;place-items:center;overflow:hidden}
.anexo__previa img{width:100%;height:100%;object-fit:cover}
.anexo__pdf{display:flex;flex-direction:column;align-items:center;gap:2px;color:#FF9C92}
.anexo__pdf svg{width:28px;height:28px}
.anexo__pdf b{font-size:11.5px;font-weight:700;letter-spacing:.04em}
.anexo__info{padding:8px 10px 0;min-width:0}
.anexo__info b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anexo__info small{font-size:11.5px;color:rgb(255 255 255 / .55)}
.anexo__acoes{display:flex;gap:14px;padding:4px 10px 10px;font-size:12.5px}
.anexo__acoes .link{font-size:12.5px}
.anexo__tirar{color:var(--erro-c)}

/* ---------- o mosaico do fundo (conta-vitrine.js): pedaços do dia de uma clínica, de exemplo ---------- */
.au-mosaico{position:absolute;left:50%;top:50%;display:flex;gap:18px;width:1500px;transform:translate(-50%,-50%) perspective(1400px) rotateX(20deg) rotateZ(-11deg) scale(1.22);opacity:.6;filter:saturate(1.1)}
.au-col{flex:1;display:flex;flex-direction:column;gap:18px;animation:au-sobe 70s linear infinite}
.au-col.desce{animation-direction:reverse;animation-duration:85s}
.au.pausado .au-col{animation-play-state:paused}
@keyframes au-sobe{to{transform:translateY(-50%)}}
.au-t{border-radius:18px;background:var(--surface);border:1px solid var(--line);padding:14px;box-shadow:0 20px 40px -20px rgb(0 0 0 / .8);color:var(--ink);font-size:12px}
.au-thd{display:flex;align-items:center;gap:8px;margin-bottom:4px;font:650 13.5px/1 var(--fonte)}
.au-thd i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--azul);color:#fff;font:700 12px/1 var(--fonte);font-style:normal}
.au-thd small{margin-left:auto;padding:3px 7px;border-radius:999px;background:var(--sunken);color:var(--ink-2);font-size:11px;font-weight:700}
.au-card{--barra:var(--azul);position:relative;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:10px 10px 10px 16px;border-radius:11px;background:var(--raised);border:1px solid var(--line)}
.au-card::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--barra)}
.au-card b{font-weight:700}
.au-card span{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted)}
.au-card em{font-style:normal;display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;background:rgb(95 211 154 / .14);color:var(--ok-c);font-size:10px;font-weight:700}
.au-card em.espera{background:rgb(255 181 71 / .14);color:#FFC46B}
.au-card.vivo{--barra:rgb(255 255 255 / .85);background:var(--azul) repeating-linear-gradient(135deg,transparent 0 10px,rgb(255 255 255 / .08) 10px 20px);border-color:transparent;color:#fff}
.au-card.vivo span{color:#fff}
.au-bolha{display:flex;align-items:center;gap:10px}
.au-bolha b{display:block;font:700 13px/1.25 var(--fonte)}
.au-bolha small{color:var(--muted);font-size:11.5px}
.au-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;color:#fff;background:var(--azul)}
.au-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.au-ic.c{background:#0E9FC9}
.au-ic.ok{background:#12A06B}
.au-ic.v{background:#7C6CF0}
.au-ic.o{background:#D98B1C}
.au-num{display:flex;flex-direction:column;gap:6px}
.au-num small{color:var(--muted);font-size:12px}
.au-num b{font:700 26px/1 var(--fonte);letter-spacing:-.03em}
.au-barras{display:flex;align-items:flex-end;gap:5px;height:54px;margin-top:6px}
.au-barras i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,color-mix(in oklab, var(--ciano) 35%, transparent),var(--azul))}
.au-fone{padding:8px;border-radius:30px;background:#081224;border-color:#1A2A45}
.au-fcapa{height:86px;border-radius:22px 22px 0 0;background:repeating-linear-gradient(135deg,rgb(255 255 255 / .07) 0 12px,transparent 12px 24px),linear-gradient(135deg,#0F2A5C,var(--azul) 60%,var(--ciano))}
.au-fcab{display:flex;align-items:center;gap:9px;margin:-26px 8px 8px;padding:9px;border-radius:14px;background:var(--raised)}
.au-fcab img{width:32px;height:32px;padding:2px;border-radius:10px;background:#fff}
.au-fcab b{display:block;font:700 12.5px/1.2 var(--fonte)}
.au-fcab small{font-size:10px;color:var(--ok-c);font-weight:600}
.au-fserv{display:flex;align-items:center;gap:6px;margin:0 8px 6px;padding:9px;border-radius:11px;background:var(--raised);font-size:11px}
.au-fserv b{flex:1}
.au-fserv em{font-style:normal;padding:3px 7px;border-radius:7px;background:var(--azul);color:#fff;font-size:9.5px;font-weight:700}
.au-dentes small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:10px}
.au-dentes .fila{display:flex;gap:5px;justify-content:space-between}
.au-dentes .fila i{flex:1;height:30px;border-radius:7px 7px 9px 9px;background:var(--raised);border:1px solid var(--line-2)}
.au-dentes .fila i.r{background:rgb(56 168 245 / .55);border-color:#38A8F5}
.au-dentes .fila i.k{background:rgb(139 124 240 / .55);border-color:#8B7CF0}
.au-dentes .fila i.c{background:rgb(240 169 46 / .5);border-color:#F0A92E}
.au-dentes .tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px}
.au-dentes .tot b{font:700 20px/1 var(--fonte);letter-spacing:-.02em}

/* ---------- lista de escolha própria (seletores.js), no escuro ---------- */
.sel-nativo{display:none !important}
.sel-bt{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;line-height:1.2}
.sel-bt .sel-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-bt > svg{flex:none;color:rgb(255 255 255 / .6);transition:transform .15s}
.sel-bt[aria-expanded="true"] > svg{transform:rotate(180deg)}
.sel-bt.sel-vazio .sel-txt{color:rgb(255 255 255 / .42)}
.sel-pop{position:fixed;z-index:96;display:flex;flex-direction:column;padding:6px;border-radius:14px;background:#0F1C34;border:1px solid var(--line-2);box-shadow:0 24px 60px -20px rgb(0 0 0 / .8);font-family:var(--fonte);color:#fff}
.sel-busca{display:flex;align-items:center;gap:8px;flex:none;margin:2px 2px 6px;padding:0 10px;height:38px;border-radius:10px;background:rgb(0 0 0 / .3);border:1px solid var(--line);color:rgb(255 255 255 / .55)}
.sel-busca input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:#fff;font:inherit;font-size:15px}
.sel-lista{display:flex;flex-direction:column;gap:1px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .2) transparent}
.sel-op{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:38px;padding:8px 10px;border:0;border-radius:9px;background:none;text-align:left;font:inherit;font-size:15px;color:#fff;cursor:pointer}
.sel-op:hover,.sel-op.ativo{background:rgb(255 255 255 / .08)}
.sel-op[aria-selected="true"]{color:var(--azul-claro);font-weight:600}
.sel-op.vazio{color:rgb(255 255 255 / .5)}
.sel-nada{margin:0;padding:12px 10px;font-size:14px;color:rgb(255 255 255 / .55)}
@media (pointer:coarse){ .sel-op{min-height:44px} }

/* janela do meio: termos ainda em rascunho */
.janela-fundo{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgb(2 6 15 / .7)}
.janela{width:min(440px,100%);padding:26px;border-radius:24px;background:#0F1C34;border:1px solid var(--line-2);box-shadow:0 30px 70px -20px rgb(0 0 0 / .8);display:flex;flex-direction:column;gap:12px;color:#fff;animation:entra-linha .25s var(--entra)}
.janela:focus{outline:none}
.janela h2{margin:0;font-size:21px;letter-spacing:-.02em}
.janela p{margin:0;font-size:14.5px;line-height:1.55;color:rgb(255 255 255 / .72)}
.janela .au-entrar{align-self:flex-end;height:46px;margin-top:6px}

@media (prefers-reduced-motion:reduce){
  .au-col,.etapa:not([hidden]){animation:none !important}
  .au-pausa{display:none}
}
@media (max-width:760px){
  .au-top{padding:16px}
  .au-top .logo{font-size:21px}
  .au-centro{justify-content:flex-start;padding:4px 14px 28px}
  .au-cartao{padding:26px 20px 22px;border-radius:26px}
  .au-mosaico{width:1100px}
  .au-cab h1{font-size:25px}
  .au-cartao--largo .au-cab h1{font-size:23px}
  .campos-2{grid-template-columns:minmax(0,1fr) 108px}
  .campos-2--igual{grid-template-columns:minmax(0,1fr)}
  .passos-conta li:not([aria-current="step"]) b{display:none}
  .escolhas--cartao{grid-template-columns:minmax(0,1fr)}
  .escolhas--cartao .escolha span{flex-direction:row;align-items:center;justify-content:flex-start;min-height:62px;padding:11px 44px 11px 12px}
  .escolhas--cartao .escolha span::before{top:50%;transform:translateY(-50%)}
  .escolhas--linha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .escolhas--linha .escolha:last-child:nth-child(odd){grid-column:1 / -1}
  .form__acoes .botao--borda{flex:0 0 auto;padding:0 16px}
  /* o que se toca tem 40 px ou mais, sem mudar o desenho */
  .form__linha .link,.marcar{display:inline-flex;min-height:40px;align-items:center}
  .marcar input{margin:0}
  .tela__troca .link,.revisao__cab .link{padding:11px 4px;margin:-11px -4px}
  .anexo__acoes{padding:0 10px 2px;gap:8px}
  .anexo__acoes .link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px}
  .doc-env__lados{grid-template-columns:minmax(0,1fr)}
}
/* campo com menos de 16 px faz o iPhone dar zoom ao tocar */
@media (max-width:760px){
  :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px !important}
}
/* cadastro: quem abre a conta é o dono; a equipe entra por convite */
.au-equipe{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:13px;background:rgb(255 255 255 / .05);border:1px solid var(--line);font-size:13px;line-height:1.5;color:rgb(255 255 255 / .7)}
.au-equipe svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--azul-claro);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}