/* RX-283: páginas internas no mesmo sistema visual da página de venda.
   RX-297: o cabeçalho vem de venda.css (cabeçalho único); aqui não se sobrescreve nenhuma medida dele. */
.wrap,.site-footer{width:calc(100% - 2*max(23px,(100% - 1180px)*.575));max-width:none;padding-inline:0;margin-inline:auto}
@media(max-width:640px){.wrap,.site-footer{width:calc(100% - 2*max(18.4px,(100% - 1180px)*.575))}}
.pagina{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}
.pagina .nav .wrap{display:flex}
.pagina .nav-cta{align-items:center}
.conteudo-pagina{flex:1;padding-block:56px 80px}
.conteudo-pagina h1{font-size:clamp(36px,5vw,56px);line-height:1.08;font-weight:700;margin-bottom:18px}
.conteudo-pagina h2{font-size:24px;line-height:1.2;font-weight:650;margin-bottom:16px}
.conteudo-pagina p{line-height:1.6}
.conteudo-pagina a:not(.btn):not(.botao){color:var(--accent)}
.conteudo-pagina button,.conteudo-pagina .botao{font:600 14px var(--font-sans);cursor:pointer;min-height:44px}
.conteudo-pagina .botao{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;text-decoration:none;text-align:center}
.conteudo-pagina .botao-primario{background:var(--ink);border:1px solid var(--ink);color:#fff}
.conteudo-pagina .botao-secundario{background:var(--bg);border:1px solid var(--line);color:var(--ink)}
.conteudo-pagina :is(a,button,input,summary,textarea):focus-visible,.pagina .nav :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.conteudo-pagina code{font-family:var(--font-mono);overflow-wrap:anywhere}
.conteudo-pagina .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.pagina-hero{max-width:900px;margin-bottom:56px}
.pagina-hero>p{max-width:68ch;color:var(--muted);margin-bottom:28px}
.painel-prompt{background:var(--surface);border-radius:20px;padding:28px;margin-bottom:24px}
.pagina .bloco-prompt{margin:0}
.pagina .bloco-prompt p{margin-bottom:12px}
.pagina .bloco-prompt .acoes-prompt{display:flex;flex-wrap:wrap;gap:10px}
.pagina .bloco-prompt .botao{min-height:44px}
.pagina .prompt-instalacao{background:var(--bg)}
.endereco-mcp{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border-block:1px solid var(--line)}
.endereco-mcp p{flex-basis:100%}
.endereco-mcp code{flex:1;min-width:0;font-family:ui-monospace,"SF Mono",Menlo,monospace}
.instalar-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.trilha-apps{position:sticky;top:100px;display:grid;gap:8px}
.trilha-apps a{display:flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--surface);text-decoration:none;color:var(--ink)!important}
.trilha-apps a:hover{background:var(--accent-soft)}
.instalar-apps{min-width:0}
.instalar-app{padding-bottom:32px;scroll-margin-top:100px}
.instalar-app ol{list-style:none;counter-reset:passo;display:grid;gap:16px;padding:0;margin:24px 0}
.instalar-app li{counter-increment:passo;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start;min-width:0}
.instalar-app .passo-texto{min-width:0;overflow-wrap:anywhere}
.instalar-app li:before{content:counter(passo);display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:14px}
.instalar-app li code{background:var(--surface);border-radius:6px;padding:2px 5px}
.pagina-faq{max-width:900px}
.pagina-faq summary{min-height:60px}
.pagina-faq ul{padding:0 0 24px 20px;color:var(--muted)}
.pagina-faq li+li{margin-top:12px}
.conta-titulo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.conta-titulo h1{margin:0}
.conta-titulo-texto{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.conta-sair{margin-left:auto}
.nota-fina{font-size:14px;color:var(--muted)}
.rotulo-fino{font-size:14px;color:var(--muted)}
.estado-pill{font-size:13px;font-weight:650;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--muted)}
.estado-degustacao,.estado-ativa{background:#e7f2eb;color:var(--ok)}
.estado-recusada,.estado-encerrando{background:#fbf3e4;color:var(--gap)}
.conta-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}
.conta-coluna{display:grid;align-content:start;gap:24px;min-width:0}
.conta-cartao{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);min-width:0}
.conta-cartao h2{font-size:17px;margin-bottom:14px}
.conta-cartao p+p{margin-top:12px}
.conta-cartao .aviso{margin-top:16px}
.aviso{padding:14px 18px;border-radius:12px;background:var(--accent-soft);color:var(--ink)}
.conta-titulo+.aviso{margin-bottom:24px}
.conta-cartao .agentes{list-style:none;margin:0;padding:0}
.conta-cartao .agentes li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
.conta-cartao .agentes li>*{min-width:0}
.conta-cartao .agentes li .datas{grid-column:1;color:var(--muted);font-size:13px}
.conta-cartao .agentes li details,.conta-cartao .agentes li form{grid-column:2;grid-row:1 / span 2;align-self:center;border:0}
.conta-cartao .agentes li details[open]{grid-column:1 / -1;grid-row:auto}
.conta-cartao .agentes li summary{font-size:14px;min-height:44px;align-items:center;padding:0;color:var(--accent)}
.conta-cartao .agentes li details h3{font-size:14px;margin:12px 0}
.conta-cartao .agentes li details p{font-size:14px;padding-bottom:12px}
.conta-cartao .agentes li details form{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}
/* Volta de uma ação da conta (/conta?…#agentes): a seção aparece abaixo do cabeçalho fixo (RX-322). */
.conta-cartao[id]{scroll-margin-top:100px}
.conta-cartao input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}
.conta-cartao label{display:inline-flex;align-items:flex-start;gap:8px}
#perguntas>form{margin-top:20px}
#perguntas summary{font-size:14px;color:#a12622} #perguntas details p{font-size:14px}
.uso-numero{font-size:40px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.uso-numero span{font-size:18px;font-weight:500;color:var(--muted)}
.uso-barra{display:block;width:100%;height:12px;margin-top:16px;appearance:none;border:0;border-radius:99px;overflow:hidden;background:var(--surface);accent-color:var(--accent)}
.uso-barra::-webkit-progress-bar{background:var(--surface)}
.uso-barra::-webkit-progress-value{background:var(--accent);border-radius:99px}
.uso-barra::-moz-progress-bar{background:var(--accent);border-radius:99px}
.conta-cartao table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px;table-layout:fixed;overflow-wrap:anywhere}
.conta-cartao th,.conta-cartao td{padding:8px 0;border-bottom:1px solid var(--line);text-align:left}
.conta-cartao th:last-child,.conta-cartao td:last-child{text-align:right;width:105px}
.conta-cartao td:last-child{font-variant-numeric:tabular-nums}
.conta-cartao td small{display:block;color:var(--muted);font-size:12px}
.pagina-entrar{background:var(--surface)}
.pagina-entrar .conteudo-pagina{display:grid;place-items:start center;padding-block:64px}
.entrar-cartao{width:min(100%,460px);background:var(--bg);border-radius:20px;box-shadow:0 30px 60px -40px rgba(15,22,28,.35);padding:32px}
.entrar-cartao h1{font-size:30px}
.entrar-cartao p{font-size:14px;color:var(--muted);margin-bottom:24px}
#clerk-signin{min-height:280px}
.rodape-curto{padding:24px;text-align:center;font-size:13px;color:var(--muted)}
.rodape-curto a{display:inline-flex;align-items:center;min-height:44px}
@keyframes pagina-entrar{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.conteudo-pagina> :first-child{animation:pagina-entrar 280ms cubic-bezier(.2,0,0,1) both}
@media(max-width:900px){.conta-grid{grid-template-columns:1fr}.instalar-grid{grid-template-columns:1fr;gap:28px}.trilha-apps{position:static;display:flex;overflow-x:auto;scrollbar-width:thin}.trilha-apps a{white-space:nowrap;flex:none}}
@media(max-width:640px){.pagina .site-footer .footer-intro p a,.pagina .site-footer .footer-column a,.pagina .rx-credit>a{display:inline-flex;align-items:center;min-height:44px}.pagina .site-footer .footer-socials a{width:44px;height:44px}.pagina .site-footer .footer-brand{min-height:44px}.conteudo-pagina{padding-block:36px 60px}.painel-prompt,.conta-cartao{padding:20px}.pagina .bloco-prompt .acoes-prompt{display:grid}.pagina .bloco-prompt .acoes-prompt .botao{width:100%}.entrar-cartao{padding:24px}.conta-cartao .agentes li{grid-template-columns:1fr}.conta-cartao .agentes li details,.conta-cartao .agentes li form{grid-column:1;grid-row:auto}}
@media(max-width:380px){.conteudo-pagina{padding-block:28px 48px}}
@media(prefers-reduced-motion:reduce){.conteudo-pagina> :first-child{animation:none!important}}