/* ============================================================
   CRM · pessoa + produtos + LTV (28/set) · prefixo .crx-
   Painel Clínico: palco claro, Mirante nos títulos, traço reto.
   Nada de cor de alerta nem contagem regressiva (regra da Bella).
   ============================================================ */

/* ── quadro ── */
.crx-filtro { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.crx-chip-f { border: 1px solid rgba(46,42,38,.14); background: #FFFFFF; color: #3A322C; border-radius: 999px; padding: 7px 13px; font: 600 12px/1.2 inherit; font-family: inherit; cursor: pointer; }
.crx-chip-f span { font-weight: 600; color: var(--v2-ter, #9A8D80); margin-left: 3px; }
.crx-chip-f.on { background: #211D18; border-color: #211D18; color: #F6F2EE; }
.crx-chip-f.on span { color: #C9BBA8; }
.crx-chip-f:focus-visible, .crx-op-btn:focus-visible, .crx-abas button:focus-visible { outline: 2px solid #CAA967; outline-offset: 2px; }
.crx-kpi-linha { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 11.5px; color: var(--v2-ter, #9A8D80); margin: -4px 0 12px; }
.crx-kpi-linha b { color: var(--v2-sub, #5E534A); font-weight: 600; }
.v2c-col-desc { font-size: 10.5px; color: var(--v2-ter, #9A8D80); line-height: 1.4; padding: 0 6px 10px; margin-top: -6px; }
.crx-prod { display: inline-block; max-width: 100%; margin-top: 7px; padding: 3px 8px; border-radius: 6px; border: 1px solid rgba(46,42,38,.16); font-size: 10.5px; font-weight: 700; color: #3A322C; line-height: 1.35; }
.crx-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.crx-tag { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 7px; font-size: 11.5px; font-weight: 700; line-height: 1.25; }
.crx-tag.sm { font-size: 10px; padding: 3px 7px; border-radius: 6px; }
.crx-tag.escura { background: #241F1B; color: #F3EEE5; }
.crx-tag.tracejada { border: 1.5px dashed #6B7A8F; color: #4E5B6E; }
.crx-tag.clara { border: 1px solid rgba(46,42,38,.16); color: #5E534A; background: #FFFFFF; }
.crx-tag.ouro { background: #F4ECDB; color: #6F5926; }
.crx-linha { font-size: 11px; color: #5A5049; line-height: 1.45; margin-top: 5px; }
.crx-linha.fraca { color: var(--v2-ter, #9A8D80); }
.crx-pago { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(46,42,38,.07); font-size: 11px; }
.crx-pago span { color: var(--v2-ter, #9A8D80); }
.crx-pago b { color: #241F1B; font-weight: 700; font-variant-numeric: tabular-nums; }
.crx-opp { border-style: dashed; border-color: rgba(46,42,38,.18); }
.v2c-card.is-dragging { opacity: .45; }

/* quadro: tantas colunas quantas existirem, e no celular uma coluna por tela */
.v2c-board.crx-board { grid-template-columns: repeat(var(--crx-cols, 6), minmax(232px, 1fr)); min-width: calc(var(--crx-cols, 6) * 244px); }
@media (max-width: 760px) {
  /* uma coluna por tela, medida pela largura real da área do quadro (a barra lateral varia) */
  .v2c-scroll { scroll-snap-type: x mandatory; container-type: inline-size; }
  .v2c-board.crx-board { grid-template-columns: repeat(var(--crx-cols, 6), calc(100cqw - 28px)); min-width: 0; width: max-content; }
  .v2c-board.crx-board .v2c-col { scroll-snap-align: start; }
  .crx-filtro { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; margin-right: -16px; }
  .crx-chip-f { flex: none; }
}

/* ── perfil ── */
.crx-perfil { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: 16px; align-items: start; }
.crx-col-main, .crx-col-side { display: flex; flex-direction: column; min-width: 0; }
.crx-col-side { position: sticky; top: 12px; }
@media (max-width: 1100px) { .crx-perfil { grid-template-columns: minmax(0, 1fr); } .crx-col-side { position: static; order: -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0 16px; } }
.crx-carregando { color: var(--v2-sub, #5E534A); font-size: 12.5px; }
.crx-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.crx-sub { font-size: 11.5px; color: var(--v2-sub, #5E534A); line-height: 1.5; }
.crx-rot { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #8A6B26; }
.crx-grande { font-family: 'Mirante', 'Helvetica Neue', serif; font-size: 34px; font-weight: 600; color: #241F1B; line-height: 1.1; margin: 6px 0 4px; font-variant-numeric: tabular-nums; }
.crx-grande.sm { font-size: 26px; }
.crx-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px 14px; }
.crx-campo { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.crx-campo > span { font-size: 11px; font-weight: 700; color: var(--v2-sub, #5E534A); display: flex; gap: 6px; align-items: baseline; }
.crx-largo { grid-column: 1 / -1; }
.crx-ag { font-style: normal; font-weight: 600; font-size: 9.5px; letter-spacing: .06em; text-transform: uppercase; color: #8A6B26; }
.crx-acoes { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.crx-acoes.esq { justify-content: flex-start; }
.crx-salvo { font-size: 11px; font-weight: 600; color: #4E5A40; }
.crx-link { border: 0; background: transparent; color: var(--v2-link, #8A6B26); font: 600 11.5px inherit; font-family: inherit; cursor: pointer; padding: 4px 2px; text-decoration: underline; text-underline-offset: 2px; }
.crx-regra { margin-top: 10px; background: #FBF8F2; border-radius: 10px; padding: 10px 12px; font-size: 12px; line-height: 1.5; color: #3A322C; }
.crx-interno { margin-top: 8px; font-size: 11.5px; line-height: 1.45; font-weight: 600; color: #8A4A33; }
.crx-desc { font-size: 12px; color: #3A322C; line-height: 1.5; margin-top: 6px; }
.crx-msg { background: #FBF8F2; border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.55; white-space: pre-wrap; margin-top: 8px; color: #241F1B; }
.crx-parar { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: #3A322C; cursor: pointer; }
.crx-parar input { width: 16px; height: 16px; accent-color: #241F1B; }

.crx-ops { display: flex; flex-direction: column; }
.crx-op { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(170px, 1fr) minmax(90px, auto); gap: 16px; align-items: center; padding: 13px 0; border-top: 1px solid rgba(46,42,38,.08); }
.crx-op:first-child { border-top: 0; padding-top: 2px; }
.crx-op-nome { font-size: 13.5px; font-weight: 700; color: #241F1B; }
.crx-op-valor { text-align: right; font-weight: 700; font-size: 13.5px; font-variant-numeric: tabular-nums; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.crx-op-mov { display: flex; flex-direction: column; gap: 6px; }
.crx-barra { display: flex; flex-direction: column; gap: 5px; }
.crx-barra b { font-size: 11.5px; color: #241F1B; }
.crx-seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.crx-seg i { height: 4px; border-radius: 2px; background: #E2D9CC; }
.crx-seg i.on { background: #241F1B; }
.crx-barra.fora .crx-seg i { background: #EDE7DE; }
@media (max-width: 640px) { .crx-op { grid-template-columns: minmax(0, 1fr); gap: 8px; } .crx-op-valor { align-items: flex-start; text-align: left; } }

.crx-seq-nome { font-size: 14px; font-weight: 700; color: #241F1B; }
.crx-onb { display: flex; flex-direction: column; }
.crx-onb-item { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid rgba(46,42,38,.07); }
.crx-onb-item:first-child { border-top: 0; }
.crx-onb-bola { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #C9BBA8; box-sizing: border-box; }
.crx-onb-item.ok .crx-onb-bola { background: #241F1B; border-color: #241F1B; }
/* celular: as ações descem pra baixo do texto (lado a lado o texto virava uma palavra por linha) */
@media (max-width: 760px) { .crx-onb-item { grid-template-columns: 14px minmax(0, 1fr); align-items: start; } .crx-onb-item > :last-child { grid-column: 2; } .crx-onb-item > button:last-child { justify-self: start; } .crx-onb-item .crx-onb-acoes { justify-content: flex-start; } .crx-onb-bola { margin-top: 3px; } }
.crx-pago-card .crx-sub, .crx-proposta .crx-sub { margin-top: 2px; }

/* ── calculadora ── */
/* o painel limita todo .inj-modal a 720px com !important; a calculadora precisa da tabela inteira */
.inj-modal.crx-calc-modal { max-width: min(1080px, 96vw) !important; width: min(1080px, 96vw); }
.crx-calc-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.crx-calc-grade { display: grid; grid-template-columns: minmax(250px, 330px) minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 860px) { .crx-calc-grade { grid-template-columns: minmax(0, 1fr); } }
.crx-calc-esc { display: flex; flex-direction: column; gap: 14px; }
.crx-ops-btn { display: flex; flex-wrap: wrap; gap: 6px; }
.crx-op-btn { border: 1px solid rgba(46,42,38,.16); background: #FFFFFF; color: #241F1B; border-radius: 999px; padding: 8px 13px; min-height: 38px; font: 600 12.5px inherit; font-family: inherit; cursor: pointer; }
.crx-op-btn small { font-weight: 500; opacity: .75; margin-left: 3px; }
.crx-op-btn[aria-pressed="true"] { background: #211D18; border-color: #211D18; color: #F6F2EE; }
.crx-calc-res { min-width: 0; display: flex; flex-direction: column; }
.crx-valor-box { background: #211D18; color: #F3EEE5; border-radius: 16px; padding: 16px 18px; margin-bottom: 14px; }
.crx-valor-box .crx-rot { color: #CAA967; }
.crx-valor-box .crx-grande { color: #F3EEE5; }
.crx-conta-l { display: flex; justify-content: space-between; gap: 12px; font-size: 12.5px; color: #C9BBA8; margin-top: 3px; }
.crx-conta-l b { color: #F3EEE5; font-weight: 600; font-variant-numeric: tabular-nums; }
.crx-valor-box .crx-interno { color: #E0B8A4; }
.crx-tab-scroll { overflow-x: auto; max-width: 100%; }
.crx-tab { border-collapse: collapse; width: 100%; min-width: 540px; font-size: 12.5px; }
.crx-tab th { font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--v2-ter, #9A8D80); text-align: right; padding: 8px 10px; border-bottom: 1px solid rgba(46,42,38,.14); white-space: nowrap; }
.crx-tab td { padding: 9px 10px; border-bottom: 1px solid rgba(46,42,38,.07); text-align: right; font-variant-numeric: tabular-nums; }
.crx-tab th:first-child, .crx-tab td:first-child { text-align: left; }
.crx-tab-l th, .crx-tab-l td { text-align: left; vertical-align: top; }
.crx-faixa td { background: #FBF8F2; font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--v2-ter, #9A8D80); text-align: left !important; padding: 6px 10px; }
.crx-fraco { color: var(--v2-ter, #9A8D80); }
.crx-selo { display: inline-block; font-size: 10.5px; font-weight: 700; padding: 2px 7px; border-radius: 6px; white-space: nowrap; }
.crx-selo.sem { background: #F4ECDB; color: #6F5926; }
.crx-selo.com { border: 1px solid rgba(46,42,38,.18); color: #5E534A; }
.crx-tab-tx { min-width: 300px; }
.crx-tab-tx td { padding: 4px 8px; }
.crx-tx { max-width: 90px; text-align: right; }

/* ── estratégia ── */
.crx-estr { max-width: 1700px; margin: 0 auto; min-width: 0; }
.crx-estr-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.crx-titulo { font-family: 'Mirante', 'Helvetica Neue', serif; font-size: 30px; font-weight: 600; color: #241F1B; margin: 4px 0 0; }
.crx-abas { display: flex; gap: 4px; border-bottom: 1px solid rgba(46,42,38,.12); margin: 16px 0 18px; overflow-x: auto; }
.crx-abas button { border: 0; background: transparent; padding: 11px 16px; font: 600 13px inherit; font-family: inherit; color: var(--v2-sub, #75665A); cursor: pointer; white-space: nowrap; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.crx-abas button.on { color: #241F1B; font-weight: 700; border-bottom-color: #241F1B; }
.crx-prod-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; margin-bottom: 16px; }
.crx-prod-card { background: #FFFFFF; border: 1px solid var(--v2-line, rgba(46,42,38,.1)); border-radius: 16px; padding: 18px 20px; display: flex; flex-direction: column; box-shadow: var(--v2-shadow, none); }
.crx-prod-card.off { opacity: .6; }
.crx-prod-card .crx-acoes { margin-top: auto; padding-top: 12px; }
.crx-preco { font-family: 'Mirante', 'Helvetica Neue', serif; font-size: 20px; font-weight: 600; color: #241F1B; white-space: nowrap; }
.crx-lista { margin: 8px 0 0; padding-left: 16px; font-size: 12px; color: #3A322C; line-height: 1.6; }
.crx-duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
@media (max-width: 980px) { .crx-duas { grid-template-columns: minmax(0, 1fr); } }
.crx-num { display: flex; align-items: center; gap: 6px; }
.crx-num input { max-width: 110px; }
.crx-num em { font-style: normal; font-size: 11.5px; color: var(--v2-sub, #5E534A); }
.crx-grade-regras { margin: 12px 0; }
.crx-onb-edit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto; gap: 8px; align-items: center; margin-top: 10px; }
#crx-onb-edit .crx-onb-edit { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) 104px auto; } /* 02/out · passo do onboarding com dono */
@media (max-width: 640px) { .crx-onb-edit { grid-template-columns: minmax(0, 1fr); } }
.crx-kpi-form { margin-top: 16px; background: #FBF8F2; border-radius: 14px; padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; }

.crx-seq-lay { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 900px) { .crx-seq-lay { grid-template-columns: minmax(0, 1fr); } }
.crx-seq-nav { background: #FFFFFF; border: 1px solid var(--v2-line, rgba(46,42,38,.1)); border-radius: 16px; padding: 8px; display: flex; flex-direction: column; gap: 2px; }
@media (max-width: 900px) { .crx-seq-nav { flex-direction: row; overflow-x: auto; } .crx-seq-nav button { flex: none; } }
.crx-seq-nav button { text-align: left; border: 0; background: transparent; border-radius: 10px; padding: 10px 12px; cursor: pointer; font-family: inherit; display: flex; flex-direction: column; gap: 2px; color: #241F1B; }
.crx-seq-nav button b { font-size: 13px; }
.crx-seq-nav button span { font-size: 11px; color: var(--v2-sub, #75665A); }
.crx-seq-nav button.on { background: #211D18; color: #F3EEE5; }
.crx-seq-nav button.on span { color: #C9BBA8; }
.crx-seq-nav .crx-seq-nova { border: 1.5px dashed #C9BBA8; margin-top: 6px; align-items: center; font-weight: 600; font-size: 12.5px; color: #5E534A; }
.crx-seq-ed { display: flex; flex-direction: column; min-width: 0; }
.crx-quem { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; background: #FBF8F2; border-radius: 12px; padding: 14px 16px; }
.crx-linha-fases { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(110px, 1fr); gap: 10px; padding-top: 14px; margin: 4px 0 14px; overflow-x: auto; }
.crx-linha-fases::before { content: ''; position: absolute; left: 6px; right: 6px; top: 19px; height: 2px; background: #241F1B; }
.crx-lf { position: relative; display: flex; flex-direction: column; gap: 2px; font-size: 11px; color: var(--v2-sub, #5E534A); min-width: 0; }
.crx-lf i { width: 12px; height: 12px; border-radius: 50%; background: #241F1B; margin-bottom: 6px; }
.crx-lf b { color: #241F1B; font-size: 11.5px; }
.crx-lf span { color: #241F1B; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crx-lf em { font-style: normal; }
.crx-intervalo { max-width: 260px; margin-bottom: 4px; }
.crx-fase { border: 1px solid rgba(46,42,38,.12); border-radius: 14px; padding: 14px; margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.crx-fase-top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.crx-fase-n { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #8A6B26; }
.crx-toques { display: flex; flex-direction: column; gap: 8px; }
.crx-toque { display: grid; grid-template-columns: 70px 150px minmax(0, 1fr) 170px auto; gap: 8px; align-items: end; padding: 10px; background: #FBF8F2; border-radius: 10px; }
@media (max-width: 1100px) { .crx-toque { grid-template-columns: 70px minmax(0, 1fr); } .crx-toque .crx-texto { grid-column: 1 / -1; } }
.crx-quando { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 700px) { .crx-quando { grid-template-columns: minmax(0, 1fr); } }
.crx-quando > div { border: 1px solid rgba(46,42,38,.12); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; }
.crx-quando span { color: var(--v2-sub, #5E534A); line-height: 1.5; }
.crx-quem-lista { display: flex; flex-wrap: wrap; gap: 8px; }
.crx-quem-item { border: 1px solid rgba(46,42,38,.12); background: #FFFFFF; border-radius: 10px; padding: 8px 12px; display: flex; flex-direction: column; text-align: left; cursor: pointer; font-family: inherit; }
.crx-quem-item b { font-size: 12.5px; }
.crx-quem-item span { font-size: 11px; color: var(--v2-sub, #5E534A); }

.crx-aval { border-top: 1px solid rgba(46,42,38,.08); padding-top: 12px; margin-top: 12px; }
.crx-bolha { max-width: 88%; padding: 10px 13px; border-radius: 14px; font-size: 12.5px; line-height: 1.5; margin-bottom: 6px; white-space: pre-wrap; }
.crx-bolha.ela { background: #F0ECE5; color: #241F1B; border-bottom-left-radius: 4px; }
.crx-bolha.ele { background: #211D18; color: #F3EEE5; margin-left: auto; border-bottom-right-radius: 4px; }
.crx-ajuste { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.crx-ajuste[hidden] { display: none; }
.crx-regras { display: flex; flex-direction: column; }
.crx-regra-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid rgba(46,42,38,.07); font-size: 12.5px; }
.crx-regra-item:first-child { border-top: 0; }
.crx-resp { border-top: 1px solid rgba(46,42,38,.07); padding: 12px 0; }
.crx-resp.off { opacity: .55; }
.crx-chips-sug { display: flex; flex-wrap: wrap; gap: 6px; }

/* falha de carga: visível, com "Tentar de novo" (nunca catálogo de exemplo calado) */
.crx-falha { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12.5px; color: #3A322C; border-color: rgba(138,74,51,.3); }

/* ============================================================
   JORNADA DO FOLLOW-UP (30/set) · prefixo .cfu-
   Um traço reto com seis marcos, a lead caminha por ele.
   Sem cor de alerta, sem contador; o próximo passo mora no cartão.
   ============================================================ */
.cfu-abas { display: inline-flex; background: #EDE7DE; border-radius: 999px; padding: 3px; margin: 0 0 14px; gap: 2px; }
.cfu-abas button { border: 0; background: transparent; padding: 8px 16px; border-radius: 999px; font: 600 12.5px/1.2 inherit; font-family: inherit; color: var(--v2-sub, #5E534A); cursor: pointer; min-height: 36px; }
.cfu-abas button.on { background: #FFFFFF; color: #1E1915; box-shadow: 0 1px 2px rgba(46,42,38,.08); }
.cfu-abas button:focus-visible, .cfu-btn:focus-visible, .cfu-et:focus-visible, .cfu-voltou:focus-visible, .cfu-seg button:focus-visible { outline: 2px solid #CAA967; outline-offset: 2px; }

.cfu-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.cfu-titulo { font-family: 'Mirante', 'Helvetica Neue', serif; font-weight: 500; font-size: 26px; color: #1E1915; margin: 0 0 4px; line-height: 1.15; }
.cfu-head .crx-sub { max-width: 620px; margin: 0; }
.cfu-head-acoes { display: flex; gap: 8px; flex-wrap: wrap; }

/* o trilho: 7 estações (6 etapas + Voltou) sobre uma linha reta */
.cfu-trilho { display: grid; grid-template-columns: repeat(8, minmax(236px, 1fr)); min-width: calc(8 * 248px); gap: 0 12px; padding-bottom: 8px; }
.cfu-est { display: flex; flex-direction: column; min-width: 0; }
.cfu-marco { position: relative; height: 30px; display: flex; align-items: center; margin-bottom: 12px; }
.cfu-marco::before { content: ''; position: absolute; left: 0; right: -12px; top: 50%; height: 1.5px; background: #CFC4B4; }
.cfu-est.fim .cfu-marco::before { border-top: 1.5px dashed #CFC4B4; background: none; }
.cfu-est.perdidos .cfu-marco::before { right: 50%; }
.cfu-num { position: relative; z-index: 1; width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: #1E1915; color: #F6F2EE; font: 600 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; font-variant-numeric: tabular-nums; }
.cfu-num.fim { background: #F6F2EE; color: #4E5A40; border: 1.5px solid #4E5A40; }
.cfu-est-nome { font-family: 'Mirante', 'Helvetica Neue', serif; font-size: 19px; font-weight: 500; color: #1E1915; line-height: 1.2; }
.cfu-est-meta { font-size: 10.5px; font-weight: 600; letter-spacing: .04em; color: #8A6B26; margin: 3px 0 6px; }
.cfu-est-obj { font-size: 11.5px; color: var(--v2-sub, #5E534A); line-height: 1.45; min-height: 50px; margin-bottom: 12px; }
.cfu-cards { display: flex; flex-direction: column; gap: 10px; background: rgba(232,224,206,.35); border-radius: 14px; padding: 10px; min-height: 120px; flex: 1; }
.cfu-vazio { font-size: 11.5px; color: var(--v2-ter, #9A8D80); text-align: center; padding: 18px 6px; }

.cfu-card { background: #FFFFFF; border: 1px solid rgba(46,42,38,.09); border-radius: 12px; padding: 12px 12px 11px; cursor: pointer; box-shadow: 0 1px 2px rgba(46,42,38,.04); transition: border-color .15s; }
.cfu-card:hover { border-color: rgba(46,42,38,.22); }
.cfu-card.viva { border-color: #4E5A40; box-shadow: inset 3px 0 0 #4E5A40; }
.cfu-card-top { margin-bottom: 4px; }
.cfu-trilha { font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--v2-ter, #9A8D80); }
.cfu-ets { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.cfu-et { --c: #8D7B6A; display: inline-flex; align-items: center; border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); background: color-mix(in srgb, var(--c) 9%, #FFFFFF); color: color-mix(in srgb, var(--c) 80%, #1E1915); border-radius: 7px; padding: 4px 9px; font: 600 11.5px/1.25 inherit; font-family: inherit; }
.cfu-et.sm { font-size: 10.5px; padding: 3px 7px; border-radius: 6px; }
.cfu-et.sinal { border-style: dashed; }
button.cfu-et { cursor: pointer; min-height: 32px; }
button.cfu-et.on { background: var(--c); border-color: var(--c); color: #FFFFFF; }
button.cfu-et[disabled] { cursor: default; opacity: .8; }
.cfu-estado { font-size: 11.5px; line-height: 1.45; color: #5A5049; margin-top: 8px; }
.cfu-estado.respondeu { color: #4E5A40; font-weight: 600; }
.cfu-estado.pronta { color: #1E1915; font-weight: 600; }
.cfu-acoes { display: flex; gap: 6px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(46,42,38,.07); }
.cfu-btn { flex: 1; min-height: 34px; border: 1px solid rgba(46,42,38,.16); background: #FFFFFF; color: #1E1915; border-radius: 9px; font: 600 11.5px/1.2 inherit; font-family: inherit; cursor: pointer; padding: 6px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cfu-btn.escuro { background: #1E1915; border-color: #1E1915; color: #F6F2EE; }
.cfu-voltou { display: flex; flex-direction: column; gap: 2px; text-align: left; background: #FFFFFF; border: 1px solid rgba(78,90,64,.28); border-radius: 12px; padding: 10px 12px; cursor: pointer; font-family: inherit; }
.cfu-voltou b { font-size: 13px; color: #1E1915; font-weight: 600; }
.cfu-voltou span { font-size: 11px; color: #4E5A40; }

/* modal do script */
.inj-modal.cfu-modal { max-width: 640px; }
.inj-modal.cfu-metodo { max-width: min(880px, 96vw) !important; }
.cfu-mini-trilho { display: grid; grid-template-columns: repeat(6, 1fr); margin: 2px 0 16px; }
.cfu-mini-trilho span { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.cfu-mini-trilho span::before { content: ''; position: absolute; top: 5px; left: 0; right: 0; height: 1.5px; background: #DDD3C5; }
.cfu-mini-trilho span:first-child::before { left: 50%; }
.cfu-mini-trilho span:last-child::before { right: 50%; }
.cfu-mini-trilho span.feita::before, .cfu-mini-trilho span.aqui::before { background: #1E1915; }
.cfu-mini-trilho span.aqui::before { right: 50%; }
.cfu-mini-trilho span.aqui:first-child::before { display: none; }
.cfu-mini-trilho i { position: relative; z-index: 1; width: 12px; height: 12px; border-radius: 3px; background: #FFFFFF; border: 1.5px solid #CFC4B4; }
.cfu-mini-trilho .feita i { background: #1E1915; border-color: #1E1915; }
.cfu-mini-trilho .aqui i { background: #CAA967; border-color: #1E1915; }
.cfu-mini-trilho em { font-style: normal; font-size: 10px; color: var(--v2-ter, #9A8D80); text-align: center; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.cfu-mini-trilho .aqui em { color: #1E1915; font-weight: 700; }
.cfu-linha-2 { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.cfu-linha-2 .cfu-estado { margin: 0; }
.cfu-seg { display: inline-flex; background: #EDE7DE; border-radius: 10px; padding: 3px; }
.cfu-seg button { border: 0; background: transparent; padding: 7px 12px; border-radius: 8px; font: 600 11.5px/1.2 inherit; font-family: inherit; color: var(--v2-sub, #5E534A); cursor: pointer; }
.cfu-seg button.on { background: #FFFFFF; color: #1E1915; box-shadow: 0 1px 2px rgba(46,42,38,.08); }
.cfu-versoes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.cfu-versoes .wa-chip.on { background: #1E1915; color: #F6F2EE; border-color: #1E1915; }
.cfu-modal textarea#cfu-texto { width: 100%; font-size: 13.5px; line-height: 1.55; }
.cfu-bloco { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(46,42,38,.08); }
.cfu-bloco .crx-rot { margin-bottom: 10px; }
.cfu-resp { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; background: #FBF8F2; border-radius: 12px; padding: 10px 12px; margin-bottom: 8px; }
.cfu-resp p { margin: 6px 0 0; font-size: 12.5px; line-height: 1.5; color: #2E2A26; }
.cfu-ets-edit { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 8px; }
.cfu-ets-edit > span { font-size: 11px; font-weight: 700; color: var(--v2-sub, #5E534A); min-width: 86px; }
.cfu-foot { flex-direction: column; align-items: stretch; gap: 10px; }
.cfu-saidas { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.cfu-foot-acoes { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.cfu-perfil { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(46,42,38,.08); }
.cfu-perfil .cfu-mini-trilho { margin-bottom: 10px; }

/* Método e scripts */
.cfu-met-et { padding: 14px 0 18px; border-top: 1px solid rgba(46,42,38,.08); }
.cfu-met-et:first-of-type { border-top: 0; }
.cfu-met-cab { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.cfu-met-nome { font-family: 'Mirante', 'Helvetica Neue', serif; font-size: 19px; font-weight: 500; color: #1E1915; }
input.cfu-met-nome { flex: 1; min-width: 160px; border: 1px solid transparent; border-radius: 8px; padding: 4px 8px; background: transparent; }
input.cfu-met-nome:hover, input.cfu-met-nome:focus { border-color: rgba(46,42,38,.16); background: #FFFFFF; outline: none; }
.cfu-met-esp { font-size: 11.5px; color: var(--v2-sub, #5E534A); display: inline-flex; align-items: center; gap: 6px; }
.cfu-met-et .cfu-met-esp input[type="number"] { width: 64px; padding: 6px 8px; }
.cfu-met-et textarea, .cfu-met-et input[type="text"], .cfu-met-et input[type="number"], .cfu-met-etq input[type="text"] { width: 100%; border: 1px solid rgba(46,42,38,.14); border-radius: 9px; padding: 8px 10px; font: 13px/1.5 inherit; font-family: inherit; color: #1E1915; background: #FFFFFF; }
.cfu-met-et textarea[readonly] { background: #FBF8F2; border-color: transparent; }
.cfu-met-tr { margin-top: 14px; }
.cfu-met-tr > .crx-rot { margin-bottom: 8px; }
.cfu-scr { background: #FBF8F2; border-radius: 12px; padding: 12px; margin-bottom: 8px; }
.cfu-scr-tit { font-weight: 600; font-size: 12.5px; color: #1E1915; margin-bottom: 8px; }
input.cfu-scr-tit { margin-bottom: 8px; }
.cfu-scr-ori { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; }
.cfu-scr-ori > span { font-size: 10.5px; font-weight: 700; color: var(--v2-sub, #5E534A); }
.cfu-scr .crx-acoes { margin-top: 10px; }
.cfu-met-etq { display: grid; grid-template-columns: minmax(130px, auto) minmax(0, 1fr); gap: 8px 12px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(46,42,38,.07); }
.cfu-met-etq.off { opacity: .55; }
.cfu-met-etq > .cfu-cores, .cfu-met-etq > input[data-rk="d"], .cfu-met-etq > .crx-acoes { grid-column: 2; }
.cfu-met-etq > .crx-acoes { margin-top: 0; }
.cfu-cores { display: flex; gap: 6px; flex-wrap: wrap; }
.cfu-cores button { width: 22px; height: 22px; border-radius: 6px; border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px rgba(46,42,38,.14); cursor: pointer; }
.cfu-cores button.on { box-shadow: 0 0 0 2px #1E1915; }

@media (max-width: 760px) {
  .cfu-trilho { grid-template-columns: repeat(8, calc(100cqw - 28px)); min-width: 0; width: max-content; }
  .cfu-est { scroll-snap-align: start; }
  .cfu-titulo { font-size: 22px; }
  .cfu-abas { display: flex; }
  .cfu-abas button { flex: 1; }
  .cfu-mini-trilho em { font-size: 0; }
  .cfu-mini-trilho .aqui em { font-size: 10px; white-space: nowrap; overflow: visible; }
  .cfu-met-etq { grid-template-columns: 1fr; }
  .cfu-met-etq > * { grid-column: 1 !important; }
  .cfu-foot-acoes > * { flex: 1; }
}
.crx-chip-sep { width: 1px; align-self: stretch; background: rgba(46,42,38,.14); margin: 4px 4px; }

/* 01/out · Perdido claro no cartão, estação Perdidos, como fazer, estratégia */
.cfu-perdido-linha { display: flex; justify-content: flex-end; margin-top: 6px; }
.cfu-perdido { border: 0; background: transparent; color: #7A4A33; font: 600 11px/1.2 inherit; font-family: inherit; cursor: pointer; padding: 6px 2px; text-decoration: underline; text-underline-offset: 2px; min-height: 28px; }
.cfu-perdido:focus-visible { outline: 2px solid #CAA967; outline-offset: 2px; }
.cfu-num.perdido { background: #F6F2EE; color: #7A4A33; border: 1.5px solid #7A4A33; font-size: 15px; }
.cfu-card.perdido { background: #FBF8F2; }
.cfu-motivo { display: inline-block; margin-top: 6px; font-size: 10.5px; font-weight: 600; color: #7A4A33; border: 1px solid rgba(122,74,51,.3); border-radius: 6px; padding: 3px 7px; }
.cfu-como { margin-top: 12px; border-left: 2px solid #CAA967; padding: 2px 0 2px 12px; }
.cfu-como p { margin: 6px 0 0; font-size: 12.5px; line-height: 1.55; color: #2E2A26; }
.inj-modal.cfu-doc { max-width: 920px; height: 92vh; }
.cfu-doc-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.cfu-doc-head a.v2c-btn { text-decoration: none; }
.cfu-doc-frame { flex: 1; width: 100%; border: 0; background: #F6F2EE; }
.crx-chip-fu.on { background: #1E1915; border-color: #1E1915; }

/* 01/out · estrela de prioridade */
.cfu-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cfu-estrela { border: 0; background: transparent; cursor: pointer; font-size: 19px; line-height: 1; color: #B8AC9C; padding: 4px 2px 4px 8px; min-width: 32px; min-height: 32px; margin: -6px -4px -6px 0; }
.cfu-estrela:hover { color: #8A6B26; }
.cfu-estrela.on { color: #B08A2E; }
.cfu-estrela:focus-visible { outline: 2px solid #CAA967; outline-offset: 1px; border-radius: 6px; }
.cfu-card.prio { border-color: rgba(176,138,46,.55); }

/* 01/out · sugestão personalizada do agente no script do follow-up */
.cfu-contexto { background: #FBF8F2; border-radius: 12px; padding: 12px 14px; margin: 0 0 12px; }
.cfu-contexto p { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: #2E2A26; }
.cfu-contexto .cfu-trecho { font-style: italic; color: #5E534A; }
.cfu-contexto.sensivel { border-left: 2px solid #7A4A33; }
.cfu-sensivel { color: #7A4A33 !important; font-weight: 600; }
.cfu-versoes .wa-chip.cfu-chip-ag { border-color: #CAA967; color: #6F5926; font-weight: 600; }
.cfu-versoes .wa-chip.cfu-chip-ag.on { background: #1E1915; color: #F6F2EE; border-color: #1E1915; }
.cfu-roteiro { margin-top: 12px; background: #FFFDF8; border: 1px solid rgba(202,169,103,.55); border-radius: 12px; padding: 12px 14px; }
.cfu-roteiro p { margin: 6px 0 0; font-size: 13px; line-height: 1.55; color: #2E2A26; white-space: pre-wrap; }

/* 01/out · Início · Quem você vai reencontrar hoje (.cfh-) */
.cfh { margin-top: 20px; background: #FFFFFF; border: 1px solid var(--v2-line, rgba(46,42,38,.1)); border-radius: var(--v2-r-card, 18px); box-shadow: var(--v2-shadow, 0 1px 2px rgba(46,42,38,.05)); padding: 24px 24px 22px; }
.cfh-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.cfh-rot { font: 600 10px/1.3 inherit; font-family: inherit; letter-spacing: .14em; text-transform: uppercase; color: #8A6B26; }
.cfh-titulo { font-family: 'Mirante', 'Helvetica Neue', serif; font-weight: 500; font-size: 24px; line-height: 1.2; color: #1E1915; margin: 6px 0 4px; }
.cfh-sub { font-size: 13px; color: var(--v2-sub, #5E534A); margin: 0; max-width: 560px; line-height: 1.5; }
.cfh-progresso { display: flex; align-items: center; gap: 14px; margin: 18px 0 18px; }
.cfh-barra { flex: 1; height: 4px; border-radius: 2px; background: #EDE6DA; overflow: hidden; }
.cfh-barra i { display: block; height: 100%; background: #B08A2E; border-radius: 2px; transition: width .6s ease; }
.cfh-progresso span { font-size: 12px; color: var(--v2-sub, #5E534A); white-space: nowrap; }
.cfh-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.cfh-card { background: #FBF8F2; border: 1px solid rgba(46,42,38,.08); border-radius: 16px; padding: 16px 16px 14px; display: flex; flex-direction: column; gap: 10px; transition: border-color .2s, box-shadow .2s; }
.cfh-card:hover { border-color: rgba(46,42,38,.18); box-shadow: 0 6px 18px -10px rgba(46,42,38,.25); }
.cfh-card.prio { border-color: rgba(176,138,46,.55); }
.cfh-topo { display: flex; align-items: flex-start; gap: 12px; }
.cfh-ava { flex: none; width: 42px; height: 42px; border-radius: 12px; background: #1E1915; color: #F6F2EE; display: inline-flex; align-items: center; justify-content: center; font: 500 14px/1 'Mirante', serif; letter-spacing: .02em; }
.cfh-quem { flex: 1; min-width: 0; }
.cfh-nome { border: 0; background: none; padding: 0; cursor: pointer; text-align: left; font-family: 'Mirante', 'Helvetica Neue', serif; font-weight: 500; font-size: 19px; line-height: 1.2; color: #1E1915; }
.cfh-nome:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #CAA967; }
.cfh-porque { font-size: 12.5px; color: #5E534A; margin-top: 3px; line-height: 1.4; }
.cfh-jornada { display: flex; flex-direction: column; gap: 4px; }
.cfh-jornada .cfu-mini-trilho { margin: 0; }
.cfh-jornada .cfu-mini-trilho span::before { top: 4px; }
.cfh-jornada .cfu-mini-trilho i { width: 9px; height: 9px; border-radius: 2px; }
.cfh-jornada > span { font-size: 11px; color: var(--v2-ter, #9A8D80); }
.cfh-msg { margin: 0; padding: 10px 12px; background: #FFFFFF; border-left: 2px solid #CAA967; border-radius: 0 10px 10px 0; font-size: 13px; line-height: 1.55; color: #2E2A26; }
.cfh-acoes { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.cfh-pri { flex: 1; min-height: 40px; border: 0; border-radius: 11px; background: #1E1915; color: #F6F2EE; font: 600 12.5px/1.2 inherit; font-family: inherit; cursor: pointer; padding: 8px 14px; }
.cfh-sec { min-height: 40px; border: 1px solid rgba(46,42,38,.18); border-radius: 11px; background: #FFFFFF; color: #1E1915; font: 600 12.5px/1.2 inherit; font-family: inherit; cursor: pointer; padding: 8px 16px; }
.cfh-pri:focus-visible, .cfh-sec:focus-visible, .cfh-nome:focus-visible { outline: 2px solid #CAA967; outline-offset: 2px; }
.cfh-mais { margin-top: 10px; text-align: right; }
.cfh-feitas { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(46,42,38,.08); }
.cfh-feitas .cfh-rot { margin-bottom: 10px; color: #4E5A40; }
.cfh-grade.mini { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.cfh-card.feito { background: #FFFFFF; gap: 6px; padding: 12px 14px; }
.cfh-card.feito .cfh-ava { background: #EEF0E8; color: #4E5A40; font-family: 'Helvetica Neue', sans-serif; font-size: 16px; width: 34px; height: 34px; border-radius: 10px; }
.cfh-card.feito .cfh-nome { font-size: 16px; }
.cfh-card.feito .cfu-ets, .cfh-card.feito .cfh-jornada { display: none; }
.cfh-feito { font-size: 12px; color: #4E5A40; font-weight: 600; }
@media (max-width: 760px) { .cfh { padding: 18px 16px; } .cfh-titulo { font-size: 21px; } .cfh-grade { grid-template-columns: 1fr; } .cfh-progresso { flex-wrap: wrap; } }

/* 01/out · Kit de pré-atendimento (.pak-): faixa "Agendada" no inbox e no CRM + gaveta de mensagens */
.pak-faixa { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; padding: 8px 14px; border-bottom: 1px solid var(--v2-line, rgba(46,42,38,.1)); background: #FBF8F2; font-size: 12px; line-height: 1.45; color: var(--v2-sub, #5E534A); }
.pak-faixa[hidden] { display: none; }
.pak-faixa-txt { min-width: 0; }
.pak-faixa-txt b { color: #1E1915; font-weight: 600; }
.pak-faixa-btn { border: 1px solid rgba(46,42,38,.18); background: #FFFFFF; color: #1E1915; border-radius: 999px; padding: 6px 14px; min-height: 32px; font: 600 11.5px/1.2 inherit; font-family: inherit; cursor: pointer; white-space: nowrap; }
.pak-faixa-btn:hover { border-color: #CAA967; }
.pak-faixa-btn:focus-visible { outline: 2px solid #CAA967; outline-offset: 2px; }
.pak-topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 4px 0 6px; }
.pak-topo .pak-faixa { border: 0; border-radius: 10px; padding: 8px 12px; flex: 1 1 260px; }
.pak-ov { position: fixed; inset: 0; background: rgba(46,42,34,.35); z-index: 99996; display: flex; justify-content: flex-end; }
.pak-gav { width: min(440px, 100%); height: 100%; background: #FFFFFF; display: flex; flex-direction: column; box-shadow: -12px 0 32px -18px rgba(46,42,38,.45); }
.pak-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 18px 20px 14px; border-bottom: 1px solid var(--v2-line, rgba(46,42,38,.1)); }
.pak-tit { font-family: 'Mirante', 'Helvetica Neue', serif; font-weight: 500; font-size: 21px; line-height: 1.2; color: #1E1915; margin: 6px 0 4px; }
.pak-sub { margin: 0; font-size: 12px; line-height: 1.45; color: var(--v2-sub, #5E534A); }
.pak-sub b { color: #1E1915; font-weight: 600; }
.pak-corpo { flex: 1; overflow-y: auto; padding: 14px 20px 24px; display: flex; flex-direction: column; gap: 10px; }
.pak-pdf { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; border: 1px solid rgba(202,169,103,.55); border-radius: 12px; padding: 12px 14px; }
.pak-pdf > div:first-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pak-pdf b { font-size: 12.5px; color: #1E1915; }
.pak-pdf span { font-size: 11.5px; color: var(--v2-sub, #5E534A); }
.pak-pdf a { text-decoration: none; }
.pak-filtro { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 11.5px; color: var(--v2-sub, #5E534A); }
.pak-msg { background: #FBF8F2; border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.pak-msg-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.pak-msg-cab b { font-size: 12.5px; color: #1E1915; font-weight: 600; }
.pak-passo { font-size: 10.5px; font-weight: 600; color: var(--v2-sub, #5E534A); border: 1px solid rgba(46,42,38,.14); border-radius: 6px; padding: 2px 7px; }
.pak-passo.ok { color: #4E5A40; border-color: rgba(78,90,64,.35); }
.pak-quando { margin: 0; font-size: 11.5px; line-height: 1.45; color: var(--v2-sub, #5E534A); }
.pak-msg textarea { width: 100%; box-sizing: border-box; resize: vertical; border: 1px solid var(--v2-line, rgba(46,42,38,.12)); border-radius: 10px; padding: 9px 11px; font: 13px/1.5 inherit; font-family: inherit; color: #1E1915; background: #FFFFFF; }
.pak-msg textarea:focus { outline: none; border-color: #CAA967; }
.pak-acoes { display: flex; justify-content: flex-end; align-items: center; gap: 8px; flex-wrap: wrap; }
.pak-acoes > * { margin: 0; }
.pak-escolha { display: flex; align-items: center; gap: 4px 10px; flex-wrap: wrap; font-size: 11.5px; color: #3A322C; border-top: 1px solid rgba(46,42,38,.08); padding-top: 8px; }
.pak-vazio, .pak-nota { margin: 0; font-size: 11.5px; line-height: 1.5; color: var(--v2-ter, #9A8D80); }
.cfu-scr-para { font-size: 10.5px; font-weight: 600; color: var(--v2-sub, #5E534A); margin: -2px 0 8px; }
@media (max-width: 760px) {
  .pak-gav { width: 100%; }
  .pak-cab { padding: 14px 16px 12px; }
  .pak-corpo { padding: 12px 16px 20px; }
  .pak-faixa { padding: 8px 12px; }
  .pak-faixa-btn, .pak-topo > .v2c-btn { flex: 1 1 100%; white-space: normal; }
  .pak-acoes > * { flex: 1; }
}

/* 01/out · editor do PDF da paciente (.cpa-) · prévia ao vivo ao lado */
/* o Painel limita todo modal a 720px com !important; o editor e o guia precisam de largura de documento */
.inj-modal.cpa { max-width: min(1240px, 96vw) !important; width: 96vw; height: 92vh; max-height: 92vh; overflow: hidden; }
.inj-modal.cfu-doc { max-width: min(960px, 96vw) !important; overflow: hidden; }
.cpa-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.cpa-ctrl { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cpa-nome { border: 1px solid rgba(46,42,38,.16); border-radius: 10px; padding: 8px 12px; font: 13px/1.4 inherit; font-family: inherit; min-width: 220px; background: #fff; }
.cpa-corpo { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(320px, 420px) 1fr; }
.cpa-form { overflow: auto; padding: 16px 18px 24px; border-right: 1px solid rgba(46,42,38,.08); }
.cpa-previa { background: #DCD5CA; min-height: 0; overflow: hidden; position: relative; }
/* a prévia é montada na largura de um A4 de verdade e reduzida pra caber (sem cair no layout de celular) */
.cpa-previa iframe { position: absolute; top: 0; left: 0; width: 860px; border: 0; display: block; transform-origin: 0 0; }
.cpa-sec { border-bottom: 1px solid rgba(46,42,38,.08); padding: 10px 0 14px; }
.cpa-sec > summary { cursor: pointer; font-family: 'Mirante', 'Helvetica Neue', serif; font-weight: 500; font-size: 17px; color: #1E1915; padding: 4px 0 8px; list-style: none; }
.cpa-sec > summary::-webkit-details-marker { display: none; }
.cpa-campo { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; }
.cpa-campo > span, .cpa-sub { font-size: 11px; font-weight: 700; color: var(--v2-sub, #5E534A); }
.cpa-sub { margin-top: 12px; }
.cpa-campo input, .cpa-campo textarea, .cpa-linha input { width: 100%; border: 1px solid rgba(46,42,38,.14); border-radius: 9px; padding: 8px 10px; font: 13px/1.45 inherit; font-family: inherit; color: #1E1915; background: #fff; }
.cpa-campo input:focus, .cpa-campo textarea:focus, .cpa-linha input:focus { outline: 2px solid #CAA967; outline-offset: 0; border-color: transparent; }
.cpa-lista { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.cpa-linha { display: grid; grid-template-columns: 1fr auto; gap: 6px 6px; align-items: start; padding: 8px; border: 1px solid rgba(46,42,38,.08); border-radius: 10px; background: #FBF8F2; }
.cpa-linha > input, .cpa-linha > textarea { grid-column: 1; min-width: 0; width: 100%; border: 1px solid rgba(46,42,38,.14); border-radius: 9px; padding: 8px 10px; font: 13px/1.45 inherit; font-family: inherit; color: #1E1915; background: #fff; resize: vertical; }
.cpa-linha > .cpa-ordem { grid-column: 2; grid-row: 1; }
.cpa-linha > textarea { grid-column: 1 / -1; }
.cpa-ordem { display: inline-flex; gap: 2px; }
.cpa-ordem button { width: 28px; height: 30px; border: 1px solid rgba(46,42,38,.14); background: #fff; border-radius: 7px; cursor: pointer; font-size: 13px; color: #5E534A; }
.cpa-foot { justify-content: space-between; align-items: center; }
@media (max-width: 900px) { .cpa-corpo { grid-template-columns: 1fr; grid-template-rows: auto 60vh; overflow: auto; } .cpa-form { border-right: 0; overflow: visible; } .cpa-linha { flex-wrap: wrap; } }

/* 01/out · Scripts › Regras */
.cfu-regras .crx-parar { margin: 6px 0; }
.cfu-rg-linha { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 10px 0; font-size: 13px; color: #2E2A26; }
.cfu-rg-linha input[type="number"] { width: 72px; border: 1px solid rgba(46,42,38,.14); border-radius: 9px; padding: 7px 9px; font: 13px/1.4 inherit; font-family: inherit; }
.cfu-rg-sub { font-size: 11px; font-weight: 700; color: var(--v2-sub, #5E534A); margin: 12px 0 6px; }
/* 01/out · passos do onboarding e da pré-consulta: reordenar e aviso de passo do sistema */
.crx-onb-ord { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.crx-onb-sis { grid-column: 1 / -1; margin-top: -4px; color: #8A6B26; }

.cpa-escopo { margin-top: 10px; }
.cpa-head .v2s-hint { margin-top: 6px; max-width: 520px; }

/* 01/out · PDF escrito pela IA (só pra ela) */
.cpa-ia { background: #FFFDF8; border: 1px solid rgba(202,169,103,.6); border-radius: 12px; padding: 14px 14px 12px; margin: 4px 0 10px; }
.cpa-ia-tit { font-family: 'Mirante', 'Helvetica Neue', serif; font-weight: 500; font-size: 17px; color: #1E1915; }
.cpa-ia-sub { font-size: 12px; color: #5E534A; line-height: 1.5; margin: 4px 0 10px; }
.cpa-ia textarea { width: 100%; border: 1px solid rgba(46,42,38,.14); border-radius: 9px; padding: 8px 10px; font: 13px/1.5 inherit; font-family: inherit; background: #fff; resize: vertical; }
.cpa-ia .crx-acoes { margin-top: 10px; }
.cpa-ia-msg { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(46,42,38,.1); }

/* 01/out · páginas liga/desliga no editor do PDF */
.cpa-sec > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cpa-mostrar { display: inline-flex; align-items: center; gap: 6px; font: 600 11.5px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #5E534A; cursor: pointer; white-space: nowrap; }
.cpa-mostrar input { width: 16px; height: 16px; accent-color: #1E1915; }
.cpa-sec.desligada > summary > span { color: #9A8D80; text-decoration: line-through; text-decoration-color: rgba(46,42,38,.3); }
.cpa-versao { font-size: 12px; color: #5E534A; background: #F4EFE6; border-radius: 9px; padding: 8px 10px; margin: 2px 0 6px; line-height: 1.45; }

/* PDF da paciente · escolher as telas do Wellness Place na colagem */
.cpa-telas { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 8px; margin: 4px 0 12px; }
.cpa-tela { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 6px; border: 1px solid var(--v2-line, rgba(46,42,38,.16)); border-radius: 10px; background: var(--v2-surface, #fff); cursor: pointer; font-size: 11.5px; line-height: 1.3; color: var(--v2-sub, #574D44); }
.cpa-tela input { position: absolute; opacity: 0; pointer-events: none; }
.cpa-tela img { width: 100%; height: 64px; object-fit: cover; object-position: top; border-radius: 6px; opacity: .55; }
.cpa-tela.on { border-color: #B0904F; color: var(--v2-ink, #1E1915); }
.cpa-tela.on img { opacity: 1; }
.cpa-tela b { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #1E1915; color: #F6F2EE; font-size: 10px; font-weight: 600; }
.cpa-tela:focus-within { outline: 2px solid #CAA967; outline-offset: 1px; }

/* 02/out · O que ela já tem no Instituto (lead que já é paciente) */
.crx-jatem { display: flex; flex-direction: column; gap: 10px; }
.crx-jatem-ficha { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.crx-jatem-ficha > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.crx-jatem-ficha b { font-size: 14px; color: #241F1B; font-weight: 600; }
.crx-jatem-ficha span { font-size: 12px; color: #6E6258; }
.crx-jatem-lista { list-style: none; margin: 0; padding: 0; }
.crx-jatem-lista li { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px solid rgba(46,42,38,.07); font-size: 13px; color: #2E2A26; }
.crx-jatem-lista li b { font-weight: 600; }
.crx-jatem-lista li em { font-style: normal; font-size: 11.5px; color: #8D7B6A; }

/* ── 02/out · catálogo por categoria, régua de entregáveis no cartão, antigos guardados ── */
.crx-cat { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 14px; grid-auto-flow: row dense; align-items: start; }
.crx-cat > .crx-cat-grupo { grid-column: span var(--crx-span, 1); }
.crx-cat > .crx-cat-grupo > .crx-prod-grade { grid-template-columns: repeat(var(--crx-span, 1), minmax(0, 1fr)); }
@media (max-width: 1100px) { .crx-cat { grid-template-columns: repeat(2, minmax(0, 1fr)); } .crx-cat > .crx-cat-grupo { grid-column: span min(var(--crx-span, 1), 2); } .crx-cat > .crx-cat-grupo > .crx-prod-grade { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } }
@media (max-width: 720px) { .crx-cat { grid-template-columns: minmax(0, 1fr); } .crx-cat > .crx-cat-grupo { grid-column: auto; } .crx-cat > .crx-cat-grupo > .crx-prod-grade { grid-template-columns: minmax(0, 1fr); } }
.crx-cat-grupo { margin-bottom: 18px; min-width: 0; }
.crx-cat-tit { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: #241F1B; margin: 0 0 10px; letter-spacing: 0; text-transform: none; }
.crx-antigos > summary { list-style: none; cursor: pointer; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid rgba(46,42,38,.08); }
.crx-antigos > summary::-webkit-details-marker { display: none; }
.crx-antigos > summary .crx-cat-tit { margin: 0; color: #7A6E63; }
.crx-antigos .crx-prod-card { opacity: .85; }
.crx-regua { font-size: 11.5px; color: #5A5049; background: #FBF8F2; border-radius: 9px; padding: 8px 11px; margin-top: 8px; line-height: 1.5; }
.crx-regua-rot { display: block; font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: #9B7B3E; font-weight: 700; margin-bottom: 2px; }
.crx-p-ops { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.crx-p-ops label { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: #2E2A26; text-transform: none; letter-spacing: 0; font-weight: 400; }
.crx-p-ops input { margin: 0; accent-color: #211D18; }