.conectar-estado{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--raio-cartao)}.conectar-estado i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--warn)}.conectar-estado.ok i{background:var(--ok)}.conectar-estado.bad i{background:var(--danger)}.conectar-estado b{display:block;font-size:15px;font-weight:800}.conectar-estado small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--muted)}.conectar-grade{display:grid;grid-gap:18px;gap:18px;margin-top:6px}.conectar-col{background:var(--panel);border:1px solid var(--line);border-radius:var(--raio-cartao);padding:16px 18px 6px}.conectar-col h3{margin:0 0 12px;font-size:16px;font-weight:800}.conectar-col.qr{order:1}.conectar-col.codigo{order:0}.conectar-col .ghost{margin:10px 0 12px}.conectar-qr-caixa{background:#fff;padding:12px;border-radius:16px;width:min(100%,320px);aspect-ratio:1;margin:6px auto 12px}.conectar-qr-caixa img{width:100%;height:100%;display:block}.conectar-codigo-caixa{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:8px 8px 8px 18px;border:1px solid var(--line);border-radius:var(--raio-pilula);background:var(--gold-tint)}.conectar-codigo-caixa b{font-size:30px;letter-spacing:3px;font-weight:800;color:var(--gold-texto)}.conectar-codigo-caixa .ghost{width:auto;margin:0;padding:10px 16px}.conectar-passos{margin:4px 0 12px;padding-left:20px;font-size:13.5px;font-weight:600;line-height:1.45;color:var(--muted)}.conectar-passos li+li{margin-top:4px}details.conectar-meta{margin-top:22px;padding-top:8px;border-top:1px solid var(--line)}details.conectar-meta summary{cursor:pointer;list-style:none;padding:12px 0;font-size:14px;font-weight:800;color:var(--muted)}details.conectar-meta summary::-webkit-details-marker{display:none}details.conectar-meta summary:before{content:"›";display:inline-block;margin-right:8px;transition:transform .15s}details.conectar-meta[open] summary:before{transform:rotate(90deg)}.conectar-rodape{margin-top:22px}@media (min-width:720px){.app.conectar{max-width:880px}.app.conectar.painel-porta{max-width:430px}.conectar-grade{grid-template-columns:1.25fr 1fr;align-items:start}.conectar-col.qr{order:0}.conectar-col.codigo{order:1}}