/* Prospect Master · Tools Kit — estilo azul, limpo e minimalista (mesmo padrão do hub) */
/* As variáveis --navy, --royal, --red, --bg, --card, --ink, --mut e --line seguem com os valores de antes:
   são usadas pela capa e pelo corpo do PDF, que não deve mudar. As telas usam as variáveis --azul... */
html:root:root{
  --navy:#002A5A;--royal:#004284;--red:#D63A3D;
  --bg:#F3F6FA;--card:#FFFFFF;--ink:#002A5A;--mut:#4D5F78;--line:#D3DCE8;
  --azul:#1F6FD8;--azul-escuro:#1456B8;--azul-claro:#E6EFFB;--azul-fundo:#F4F8FE;--azul-topo:#052048;
  --texto:#0F2747;--texto-suave:#5B6B84;--linha:#E1E9F5;--pale:#EEF4FC;
  --acc:#1F6FD8;--acc-soft:#E6EFFB;--on-acc:#FFFFFF;
  color-scheme:light;box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--azul-fundo);color:var(--texto);font-family:Montserrat,system-ui,Arial,sans-serif;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid #7FB2FF;outline-offset:3px}

/* Topo: azul-profundo com o logo original */
header{position:relative;z-index:2;display:flex;align-items:center;gap:18px;padding:12px 24px;background:var(--azul-topo);color:#fff}
header img{height:64px;width:auto;display:block}
header span{color:#fff;font-weight:600;font-size:20px;line-height:1.2;letter-spacing:.01em}
header .voltar{margin-left:auto;background:var(--red);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px;white-space:nowrap}
header .voltar:hover{filter:brightness(.92)}
header .voltar:focus-visible{outline:3px solid #7FB2FF;outline-offset:3px}

main{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:36px 18px 72px}
h1{font-size:clamp(26px,4vw,34px);line-height:1.15;margin:0 0 12px;font-weight:800;letter-spacing:-.02em;color:var(--texto)}
h2{font-size:22px;line-height:1.3;margin:0 0 18px;font-weight:700;letter-spacing:-.01em;color:var(--texto)}
p{margin:0 0 14px;color:var(--texto-suave)}

/* Cartões: brancos, cantos arredondados, sombra suave, sem linhas */
.card{background:var(--azul-claro);background:#FFFFFF;border:0;border-radius:20px;padding:32px 30px;overflow:hidden;box-shadow:0 1px 2px rgba(10,58,122,.06),0 18px 40px -24px rgba(10,58,122,.35)}
.card.has-scene{padding:0 0 30px}
.card.has-scene > :not(.scene){margin-left:30px;margin-right:30px}
.card.has-scene > h1{padding-top:4px}

/* Faixa de topo da tela inicial: ícone da ferramenta em azul, sobre fundo azul claro */
.scene{background:var(--azul-claro);display:flex;align-items:center;justify-content:center;padding:38px 20px;margin:0 0 30px}
.badge{width:96px;height:96px;border-radius:24px;background:var(--azul);color:#fff;display:grid;place-items:center;box-shadow:0 14px 28px -14px rgba(31,111,216,.6)}
.badge svg{width:52px;height:52px;fill:currentColor;display:block}

/* Resumo da ferramenta (tela inicial), sem linhas */
.meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0 0 28px}
.meta b,.meta span{background:none;border:0;border-radius:0;padding:0;font-size:14px;font-weight:600;color:var(--texto-suave)}
.meta b{color:var(--azul);font-weight:800;font-size:16px}

/* Botões: azul, cantos arredondados */
.btn{background:var(--azul);color:var(--on-acc);border:0;border-radius:12px;padding:15px 26px;font:700 15px Montserrat,sans-serif;cursor:pointer;letter-spacing:-.01em;transition:filter .2s ease}
.btn:hover{filter:brightness(.92)}
.btn:disabled{opacity:.4;cursor:not-allowed;filter:none}
.ghost{background:#FFFFFF;border:1.5px solid var(--linha);color:var(--texto);border-radius:12px;padding:14px 22px;font:600 15px Montserrat,sans-serif;cursor:pointer}
.ghost:hover{border-color:var(--azul);color:var(--azul)}
.soon{margin:22px 0 0;font-size:13px}

/* Progresso: barras simples e arredondadas */
.prog{display:flex;gap:6px;margin-bottom:12px}
.prog i{flex:1;height:8px;background:var(--linha);border-radius:999px;transform:none}
.prog i.on{background:var(--azul)}
.prog i.cur{background:var(--texto)}
.cnt{font-size:13px;font-weight:600;margin-bottom:16px;color:var(--texto-suave)}

/* Opções em chips, sem bordas */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.chip{background:var(--pale);color:var(--texto);border:1.5px solid transparent;border-radius:12px;padding:11px 16px;font:600 14px Montserrat,sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.chip:hover{border-color:var(--azul)}
.chip.sel{background:var(--azul);border-color:var(--azul);color:var(--on-acc)}

/* Campo de texto */
.inp{width:100%;padding:14px 16px;border:1.5px solid var(--linha);border-radius:12px;font:500 16px Montserrat,sans-serif;background:#FFFFFF;color:var(--texto);margin-bottom:22px}
.inp:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px var(--azul-claro)}

/* Dicas e explicações: blocos azul claro, sem linhas */
.tip{background:var(--azul-claro);padding:16px 18px;border-radius:14px;border-left:0;font-size:14px;color:var(--texto);margin-bottom:26px}
.tip b{display:block;color:var(--texto);margin-bottom:2px}
.ajuda{margin:-6px 0 24px;font-size:14px}
.ajuda p{margin:0 0 10px;color:var(--texto-suave)}
.ajuda b{color:var(--texto)}
.ajuda .modo{background:var(--pale);border-radius:14px;padding:14px 16px;margin:0 0 12px}
.nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* Tela de geração */
.gen li{list-style:none;padding:10px 0;color:var(--texto-suave);font-weight:600;opacity:.35;transition:opacity .4s}
.gen li.on{opacity:1;color:var(--texto)}
.gen li.on:before{content:"✓ ";color:var(--azul)}
.gen ul{padding:0;margin:18px 0 0}

/* Impressão: sem fundo azul, páginas do PDF inalteradas */
@media print{
  body{background:#fff}
  main{padding:0;max-width:none}
}

/* Celular: título da ferramenta em segunda linha */
@media (max-width:600px){
  header{flex-wrap:wrap;padding:10px 14px;row-gap:8px}
  header img{height:50px}
  header span{order:3;flex-basis:100%;font-size:18px}
  header .voltar{font-size:13px;padding:8px 14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}