/* Mapa de Sucesso do Cliente · Valuo CS */
.vcs{--vcs-ground:#F3F4F1;--vcs-ink:#16201C;--vcs-muted:#56605B;--vcs-line:#DDE1DC;--vcs-line2:#E6E9E5;--vcs-accent:#1D5C46;--vcs-tint:#E3EEE8;--vcs-warn:#9A4A0C;--vcs-field:#C4CAC4;
  --vcs-display:'Bricolage Grotesque',Georgia,serif;--vcs-body:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-family:var(--vcs-body);font-size:15px;line-height:1.5;color:var(--vcs-ink);display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;text-align:left}
.vcs *,.vcs *::before,.vcs *::after{box-sizing:border-box}
.vcs h2,.vcs h3,.vcs h4{font-family:var(--vcs-display);color:var(--vcs-ink);margin:0;line-height:1.2;letter-spacing:normal;text-transform:none}
.vcs h2{font-size:26px}.vcs h3{font-size:21px}.vcs h4{font-size:18px}
.vcs p{margin:0}
.vcs ul{margin:0}
.vcs-card{background:#fff;border:1px solid var(--vcs-line);border-radius:14px;padding:22px}
.vcs-muted{color:var(--vcs-muted);font-size:14px}
.vcs-help{font-size:13px;color:var(--vcs-muted)}
.vcs-label{font-size:13px;font-weight:700;color:var(--vcs-muted);text-transform:uppercase;letter-spacing:.08em}
.vcs-erro{color:#8A1F11;background:#FBE9E5;border-radius:8px;padding:10px 14px;font-weight:600}

/* Botões */
.vcs .vcs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;font:600 15px var(--vcs-body);cursor:pointer;text-decoration:none;border:1px solid transparent;line-height:1.2;text-transform:none;letter-spacing:normal;box-shadow:none}
.vcs .vcs-btn-solid{background:var(--vcs-ink);color:#fff;border-color:var(--vcs-ink)}
.vcs .vcs-btn-solid:hover{background:#2A3832;color:#fff}
.vcs .vcs-btn-ghost{background:#fff;color:var(--vcs-ink);border-color:var(--vcs-field)}
.vcs .vcs-btn-ghost:hover{border-color:var(--vcs-ink)}
.vcs .vcs-btn-lock{background:#ECEEEB;color:#46504B;border-color:#ECEEEB}
.vcs .vcs-btn-link{background:transparent;color:#8A1F11;border-color:transparent;text-decoration:underline;padding:0 8px}
.vcs .vcs-btn[disabled]{opacity:.55;cursor:not-allowed}
.vcs button:focus-visible,.vcs a:focus-visible,.vcs summary:focus-visible{outline:2px solid var(--vcs-ink);outline-offset:2px}

/* Barra da conta */
.vcs-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--vcs-ink);color:#F3F4F1;border-radius:14px;padding:14px 18px}
.vcs-bar-info{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vcs-plano{font-weight:700;background:#F3F4F1;color:var(--vcs-ink);border-radius:999px;padding:4px 12px;font-size:14px}
.vcs-plano.is-trial{background:#FBE7D3;color:#7A3A08}
.vcs-bar-txt{font-size:14px;color:#DCE3DF}
.vcs-bar .vcs-btn-solid{background:#F3F4F1;color:var(--vcs-ink);border-color:#F3F4F1}

/* Clientes */
.vcs-clientes{display:flex;flex-direction:column;gap:8px}
.vcs-chips{display:flex;flex-wrap:wrap;gap:8px}
.vcs .vcs-chip{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:44px;padding:6px 14px;border-radius:10px;border:1px solid var(--vcs-field);background:#fff;color:var(--vcs-ink);font:600 14px var(--vcs-body);cursor:pointer;text-align:left;line-height:1.25;text-transform:none}
.vcs .vcs-chip.is-on{border-color:var(--vcs-ink);box-shadow:inset 0 0 0 1px var(--vcs-ink)}
.vcs-chip-data{font-weight:400;font-size:12px;color:var(--vcs-muted)}
.vcs .vcs-chip-novo{border-style:dashed;justify-content:center}

/* Formulário */
.vcs-form{display:flex;flex-direction:column;gap:18px}
.vcs-form-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.vcs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.vcs-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.vcs-field label,.vcs-fieldset legend{font-weight:600;font-size:14px;color:var(--vcs-ink)}
.vcs input[type=text],.vcs input[type=email],.vcs input[type=number],.vcs select,.vcs textarea{font:15px var(--vcs-body);min-height:44px;padding:0 12px;border:1px solid var(--vcs-field);border-radius:8px;background:#fff;color:var(--vcs-ink);width:100%;max-width:none;margin:0;box-shadow:none}
.vcs textarea{padding:10px 12px;resize:vertical;line-height:1.5}
.vcs input[readonly]{background:#F3F4F1;color:var(--vcs-muted)}
.vcs input:focus,.vcs select:focus,.vcs textarea:focus{outline:2px solid var(--vcs-accent);outline-offset:1px}
.vcs input[type=file]{font-size:14px;min-height:44px}
.vcs-fieldset{border:none;margin:0;padding:0}
.vcs-fieldset legend{padding:0;margin-bottom:8px}
.vcs-pills{display:flex;flex-wrap:wrap;gap:8px}
.vcs .vcs-pill{min-height:44px;padding:0 14px;border-radius:999px;font:500 14px var(--vcs-body);border:1px solid var(--vcs-field);background:#fff;color:var(--vcs-ink);cursor:pointer;text-transform:none}
.vcs .vcs-pill[aria-pressed="true"]{background:var(--vcs-ink);color:#F3F4F1;border-color:var(--vcs-ink)}
.vcs-form-acoes{display:flex;gap:10px;flex-wrap:wrap}
.vcs-aviso{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;background:#FBE7D3;color:#5A2A05;border-radius:10px;padding:12px 16px;font-size:14px}

/* Relatório */
.vcs-report-wrap{display:flex;flex-direction:column;gap:16px}
.vcs-acoes{display:flex;gap:10px;flex-wrap:wrap}
.vcs-report{position:relative;display:flex;flex-direction:column;gap:20px;background:var(--vcs-ground);border-radius:16px;padding:24px;overflow:hidden}
.vcs-brand{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--vcs-line)}
.vcs-brand img{max-height:48px;max-width:180px;width:auto;height:auto}
.vcs-brand span{font-family:var(--vcs-display);font-weight:700;font-size:18px}
.vcs-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--vcs-accent)}
.vcs-title h2{font-size:32px;margin:4px 0}
.vcs-title p{color:var(--vcs-muted)}
.vcs-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.vcs-tile{background:#fff;border:1px solid var(--vcs-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}
.vcs-tile-k{font-size:13px;color:var(--vcs-muted);font-weight:600}
.vcs-tile-v{font-family:var(--vcs-display);font-size:26px;font-weight:700;line-height:1.2}
.vcs-tile-s{font-size:13px;color:var(--vcs-muted)}
.vcs-tile.is-alerta .vcs-tile-v{color:var(--vcs-warn)}
.vcs-tile.is-alerta-sub .vcs-tile-s{color:var(--vcs-warn);font-weight:600}
.vcs-tile.is-ok-sub .vcs-tile-s{color:var(--vcs-accent);font-weight:600}
.vcs-sec{display:flex;flex-direction:column;gap:14px}
.vcs-sechead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.vcs-nec{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.vcs-nec li{display:flex;gap:12px;align-items:flex-start;margin:0}
.vcs-nec-t{font-weight:600}.vcs-nec-w{font-size:14px;color:var(--vcs-muted)}
.vcs-badge{flex:none;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;white-space:nowrap}
.vcs-nec .vcs-badge{min-width:80px;text-align:center;margin-top:2px}
.n-critico{background:#9A4A0C;color:#fff}.n-atencao{background:#FBE7D3;color:#7A3A08}.n-estrutura{background:var(--vcs-tint);color:var(--vcs-accent)}.n-ok{background:#ECEEEB;color:#46504B}
.vcs-sinais{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:12px;border-top:1px solid var(--vcs-line2)}
.vcs-tag{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--vcs-tint);color:var(--vcs-accent);font-weight:600}
.vcs-pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.vcs-pilar{background:#fff;border:1px solid var(--vcs-line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.vcs-pilar-top{display:flex;justify-content:space-between;align-items:center}
.vcs-num{font-family:var(--vcs-display);font-weight:700;color:var(--vcs-muted)}
.vcs-pilar p{font-size:14px;color:var(--vcs-muted)}
.vcs-pilar ul,.vcs-fase ul{padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.vcs-pilar li,.vcs-fase li{margin:0}
.vcs-duo{display:flex;flex-wrap:wrap;gap:12px}
.vcs-duo>.vcs-card{flex:1 1 300px;min-width:0}
.vcs-lista{list-style:none;padding:0}
.vcs-lista li{display:flex;gap:14px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--vcs-line2);margin:0}
.vcs-lista li>div{display:flex;flex-direction:column;min-width:0}
.vcs-lista strong{font-weight:600}
.vcs-lista span:not(.vcs-qtd){font-size:14px;color:var(--vcs-muted)}
.vcs-qtd{flex:none;width:40px;height:40px;border-radius:10px;background:var(--vcs-ink);color:#F3F4F1;display:flex;align-items:center;justify-content:center;font-family:var(--vcs-display);font-weight:700;font-size:18px}
.vcs-tbl{overflow-x:auto}
.vcs table{width:100%;min-width:600px;border-collapse:collapse;font-size:14px;margin:0;border:none}
.vcs thead th{text-align:left;color:var(--vcs-muted);font-weight:600;padding:8px 10px;border:none;border-bottom:2px solid var(--vcs-ink);background:none}
.vcs tbody th,.vcs tbody td{padding:10px;border:none;border-bottom:1px solid var(--vcs-line2);text-align:left;vertical-align:top;background:none}
.vcs tbody th{font-weight:600}
.vcs-nowrap{white-space:nowrap}
.vcs-meta{font-weight:600;color:var(--vcs-accent)}
.vcs-road{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.vcs-fase{background:var(--vcs-ink);color:#F3F4F1;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.vcs-fase .vcs-eyebrow{color:#A9C9BC}
.vcs-fase h4{color:#F3F4F1}
.vcs-fase ul{color:#DCE3DF}
.vcs-rodape{font-size:12px;color:var(--vcs-muted);border-top:1px solid var(--vcs-line);padding-top:12px}
.vcs-marca-dagua{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:var(--vcs-display);font-weight:700;font-size:96px;color:rgba(154,74,12,.08);transform:rotate(-24deg);white-space:nowrap;z-index:1}
.vcs-trial{user-select:none;-webkit-user-select:none}
.vcs-print-bloqueio{display:none}

/* Extras */
.vcs-extra{display:flex;flex-direction:column;gap:14px}
.vcs-extra summary{cursor:pointer;font-family:var(--vcs-display);font-weight:700;font-size:18px;min-height:32px}
.vcs-extra[open]>*+*{margin-top:14px}
.vcs-logo-prev{display:flex;align-items:center;gap:12px}
.vcs-logo-prev img{max-height:48px;width:auto}

@media (max-width:560px){
  .vcs-report{padding:16px}
  .vcs-title h2{font-size:26px}
  .vcs-marca-dagua{font-size:56px}
}

/* Impressão / PDF */
#vcs-print{display:none}
@media print{
  body.vcs-imprimindo>*:not(#vcs-print){display:none !important}
  body.vcs-imprimindo{background:#fff !important;margin:0 !important;padding:0 !important}
  body.vcs-imprimindo #vcs-print{display:block;max-width:none}
  #vcs-print .vcs-report{padding:0;background:#fff;overflow:visible;border-radius:0}
  body.vcs-pagina .vcs-report.vcs-trial,body.vcs-pagina .vcs-acoes,body.vcs-pagina .vcs-aviso{display:none !important}
  body.vcs-pagina .vcs-print-bloqueio{display:block;font:600 18px sans-serif;padding:40px 0}
  .vcs-card,.vcs-tile,.vcs-pilar,.vcs-fase,.vcs-lista li,.vcs-nec li,tr{break-inside:avoid}
  .vcs-fase,.vcs-badge,.vcs-qtd,.vcs-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .vcs-tbl{overflow:visible}
  .vcs table{min-width:0}
  @page{margin:14mm}
}

/* ---------- Calculadora de Churn ---------- */
.vcs-calc-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.vcs-calc-form{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:22px}
.vcs-calc-res{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.vcs-calc-grupo{display:flex;flex-direction:column;gap:14px}
.vcs .vcs-calc-legend{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vcs-accent);margin-bottom:12px}
.vcs-affix{display:flex;align-items:center;border:1px solid var(--vcs-field);border-radius:8px;background:#FAFBF9;overflow:hidden}
.vcs-affix span{padding:0 12px;color:var(--vcs-muted);font-size:14px}
.vcs .vcs-affix input[type=text]{border:0;background:transparent;font-family:'IBM Plex Mono',ui-monospace,monospace;min-width:0;flex:1}
.vcs .vcs-affix input:focus{outline:none}
.vcs-affix:focus-within{outline:2px solid var(--vcs-accent);outline-offset:1px}
.vcs-calc-prim{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.vcs-calc-metric{border:1px solid var(--vcs-line);border-radius:12px;padding:18px;background:#FAFBF9;display:flex;flex-direction:column;gap:8px}
.vcs-calc-mtop{display:flex;justify-content:space-between;align-items:center;gap:8px}
.vcs .vcs-calc-metric h3{font-family:var(--vcs-body);font-size:15px;font-weight:600;color:#33423C}
.vcs-calc-val{font-family:var(--vcs-display);font-weight:700;font-size:40px;line-height:1}
.vcs-calc-sec{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 24px}
.vcs-calc-row{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--vcs-line2)}
.vcs-calc-mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:21px}
.vcs-pillstat{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.b-exc{background:#D2ECDF;color:#0A4F37}.b-bom{background:#DCE7F5;color:#1A4677}.b-at{background:#FBE6C6;color:#7A4200}.b-cri{background:#F6D5D0;color:#8E1F15}.b-nd{background:#ECEEEA;color:#4F5E58}
.vcs-calc-diag{background:var(--vcs-ink);color:#F3F4F1;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.vcs .vcs-calc-diag h2{color:#F3F4F1;font-size:21px}
.vcs-calc-diag ul{padding-left:20px;display:flex;flex-direction:column;gap:8px;color:#DCE3DF}
.vcs-calc-nota{font-size:12px;color:#A9B8B1}
.vcs-calc-gate{display:flex;flex-direction:column;gap:16px;border:2px solid var(--vcs-ink)}
.vcs-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.vcs .vcs-check input{width:20px;height:20px;margin-top:2px;flex:none}
.vcs-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.vcs-calc-cta,.vcs-calc-contato{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-radius:14px;padding:24px}
.vcs-calc-cta{background:#FBE7D3}
.vcs-calc-cta>div,.vcs-calc-contato>div{flex:1 1 320px;display:flex;flex-direction:column;gap:6px}
.vcs-calc-contato{background:#DCEFE6}
.vcs-calc-glos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}
.vcs-calc-gitem{background:var(--vcs-ground);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}
.vcs .vcs-calc-gitem h3{font-family:var(--vcs-body);font-size:15px;font-weight:600}
.vcs-calc-gitem code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;color:var(--vcs-accent);background:none;padding:0;white-space:normal}
.vcs-aviso-calc{background:var(--vcs-tint);color:#123B2D}