/* Lance 4.6 · Comunicação: Discador (.dc-), Sala de reunião (.rn-), Central (.ce-), WhatsApp (.wa-), Funcionários digitais (.dg-),
   Conexões (.cx-), transcrição (.esc-), aba Conversas da ficha (.fc-), selos "depende de API". Só tokens: claro e escuro. */

/* ---------- peças comuns ---------- */
.selo-api { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 650; color: var(--atencao-texto); background: var(--atencao-suave); border: 1px dashed color-mix(in srgb, var(--atencao) 55%, transparent); border-radius: 999px; padding: 2px 9px; cursor: help; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.selo-api span { overflow: hidden; text-overflow: ellipsis; }
.cx-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 650; color: var(--texto); background: var(--superficie); border: 1px solid var(--borda); border-radius: 999px; padding: 2px 9px 2px 3px; white-space: nowrap; max-width: 100%; }
.cx-chip i { width: 18px; height: 18px; border-radius: 6px; display: grid; place-items: center; color: #fff; font-size: 11px; flex: none; }
.cx-chip small { color: var(--texto-2); font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.dg-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--texto-2); background: var(--superficie); border: 1px solid var(--borda); border-radius: 999px; padding: 2px 10px 2px 3px; white-space: nowrap; max-width: 100%; overflow: hidden; }
.dg-chip b { color: var(--titulo); font-weight: 650; }
.dg-chip span:not(.dg-av) { overflow: hidden; text-overflow: ellipsis; }
.dg-chip.off { opacity: .55; }
.dg-av { width: 20px; height: 20px; border-radius: 7px; display: inline-grid; place-items: center; flex: none; color: #fff; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #000)); font-size: 12px; }
.dg-av.lg { width: 40px; height: 40px; border-radius: 12px; font-size: 22px; }
.dg-av.md { width: 30px; height: 30px; border-radius: 9px; font-size: 16px; }
.dg-vivo { width: 7px; height: 7px; border-radius: 99px; background: var(--positivo); box-shadow: 0 0 0 0 color-mix(in srgb, var(--positivo) 60%, transparent); animation: dg-pulso 1.8s infinite; flex: none; }
@keyframes dg-pulso { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--positivo) 55%, transparent); } 70% { box-shadow: 0 0 0 6px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
.pagina-sub .selo-api, .pagina-sub .dg-chip { margin-right: 6px; }
.pisca { animation: pisca-borda 1.2s ease 2; }
@keyframes pisca-borda { 50% { box-shadow: 0 0 0 3px rgba(var(--acento-rgb), .25); } }

/* transcrição (Discador, Sala, Central, ficha) */
.esc-linha { display: flex; gap: 10px; padding: 7px 4px; align-items: flex-start; }
.esc-linha .av { flex: none; margin-top: 2px; }
.esc-txt { min-width: 0; flex: 1; }
.esc-txt small { display: block; font-size: .66rem; color: var(--texto-2); }
.esc-txt small b { color: var(--titulo); font-weight: 650; }
.esc-txt p { font-size: .82rem; line-height: 1.5; color: var(--texto); overflow-wrap: anywhere; }
.esc-v .esc-txt p { color: var(--texto-2); }
.esc-m .esc-txt p { font-style: italic; color: var(--texto-2); }
.esc-linha.ativa { background: var(--primaria-suave); border-radius: 10px; }
.esc-linha .cursor { display: inline-block; width: 2px; height: 1em; background: var(--acento); vertical-align: -2px; margin-left: 2px; animation: cursor 1s steps(2) infinite; }
@keyframes cursor { 50% { opacity: 0; } }
mark.hl { background: color-mix(in srgb, var(--c, var(--acento)) 18%, transparent); color: inherit; border-radius: 4px; padding: 0 2px; box-shadow: inset 0 -2px 0 var(--c, var(--acento)); }
mark.hl-s { --c: var(--s-s); } mark.hl-p { --c: var(--s-p); } mark.hl-i { --c: var(--s-i); } mark.hl-c { --c: var(--s-c); } mark.hl-e { --c: var(--s-e); }
.esc-acoes { display: flex; gap: 4px; margin-top: 4px; flex-wrap: wrap; }
.esc-add { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; font-weight: 750; color: var(--c); background: color-mix(in srgb, var(--c) 10%, var(--superficie)); border: 1px solid color-mix(in srgb, var(--c) 35%, transparent); border-radius: 999px; padding: 1px 8px; }
.esc-add:hover { background: color-mix(in srgb, var(--c) 18%, var(--superficie)); }

/* ---------- Discador ---------- */
.dc-sim { font-size: .72rem; }
.dc-abas { display: none; }
.dc-grade { display: grid; grid-template-columns: 290px minmax(0, 1fr) 330px; gap: 14px; align-items: start; }
.dc-col-fone, .dc-lado { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.dc-fone { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.dc-quem { display: flex; gap: 12px; align-items: center; min-width: 0; }
.dc-quem > div { min-width: 0; }
.dc-nome { border: 0; background: none; padding: 0; font-weight: 700; font-size: .98rem; color: var(--titulo); text-align: left; letter-spacing: -.015em; }
.dc-nome:hover { color: var(--acento); }
.dc-quem small { display: block; color: var(--texto-2); font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dc-chips { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
.dc-num { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: .9rem; font-weight: 650; color: var(--titulo); }
.dc-pisca { animation: cursor 1s steps(2) infinite; }
.dc-relogio { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 10px 12px; border-radius: 12px; background: var(--superficie-2); border: 1px solid var(--borda-suave); }
.dc-relogio b { font-size: 1.9rem; font-weight: 700; letter-spacing: -.03em; color: var(--titulo); }
.dc-onda { display: flex; align-items: center; gap: 2px; height: 34px; flex: 1; justify-content: flex-end; }
.dc-onda i { width: 3px; height: 4px; border-radius: 2px; background: var(--borda-forte); transition: height .2s; }
.dc-onda.viva i { background: var(--acento); animation: onda .9s ease-in-out infinite alternate; animation-delay: calc(var(--k) * -90ms); }
@keyframes onda { from { height: 4px; } to { height: calc(8px + var(--k) * 2.4px); } }
.dc-botoes { display: flex; justify-content: center; }
.dc-btn-ligar, .dc-btn-desligar { width: 64px; height: 64px; border-radius: 999px; border: 0; color: #fff; font-size: 1.6rem; display: grid; place-items: center; box-shadow: 0 10px 24px -10px currentColor; transition: transform .12s; }
.dc-btn-ligar { background: var(--positivo); } .dc-btn-desligar { background: var(--negativo); }
.dc-btn-ligar:hover, .dc-btn-desligar:hover { transform: scale(1.05); }
.dc-btn-desligar .ic { transform: rotate(0); }
.dc-ctrl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.dc-c { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 2px; border-radius: 10px; border: 1px solid var(--borda); background: var(--superficie); color: var(--texto-2); font-size: 1rem; min-height: 52px; }
.dc-c small { font-size: .62rem; font-weight: 600; }
.dc-c.on { background: var(--primaria-suave); color: var(--acento); border-color: transparent; }
.dc-c.rec { color: var(--negativo-texto); border-color: color-mix(in srgb, var(--negativo) 35%, var(--borda)); }
.dc-aviso { font-size: .68rem; color: var(--texto-2); display: flex; gap: 6px; align-items: flex-start; }
.dc-ab { font-size: .72rem; }
.dc-linha-num { display: flex; justify-content: space-between; align-items: center; font-size: .74rem; border-top: 1px solid var(--borda-suave); padding-top: 10px; }
.dc-prox ol { list-style: none; margin: 0; padding: 4px 8px 8px; display: grid; gap: 2px; }
.dc-prox button { width: 100%; display: flex; gap: 9px; align-items: center; padding: 7px 8px; border: 0; background: none; border-radius: 10px; text-align: left; color: var(--texto); }
.dc-prox button:hover { background: var(--superficie-2); }
.dc-prox button > span:not(.av) { flex: 1; min-width: 0; }
.dc-prox b { display: block; font-size: .78rem; font-weight: 600; color: var(--titulo); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dc-prox small { font-size: .68rem; color: var(--texto-2); display: flex; gap: 4px; align-items: center; }
.dc-prox button > .ic { color: var(--positivo); }
.dc-tx { display: flex; flex-direction: column; min-height: 560px; }
.dc-tx-corpo { flex: 1; overflow-y: auto; max-height: 560px; padding: 8px 14px; scroll-behavior: smooth; }
.dc-vazio { display: grid; place-items: center; text-align: center; gap: 8px; color: var(--texto-2); padding: 70px 12px; font-size: .82rem; }
.dc-vazio .ic { font-size: 2rem; color: var(--cinza-400); }
.dc-fala-txt b { color: var(--titulo); }
.dc-letras { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.dc-letras li { display: grid; grid-template-columns: 18px 86px minmax(0, 1fr) 22px; gap: 8px; align-items: center; font-size: .76rem; padding: 4px 6px; border-radius: 8px; }
.dc-letras li b { color: var(--c); font-weight: 800; }
.dc-letras li.on { background: color-mix(in srgb, var(--c) 9%, transparent); }
.dc-letras li.on .ic { color: var(--positivo-texto); }
.dc-letras li.agora { outline: 1.5px dashed var(--c); }
.dc-l-nome { color: var(--texto); font-weight: 550; }
.dc-l-barra { height: 6px; border-radius: 99px; background: var(--superficie-3); overflow: hidden; }
.dc-l-barra i { display: block; height: 100%; background: var(--c); border-radius: 99px; transition: width .5s cubic-bezier(.2, .8, .2, 1); }
.dc-pergunte { margin-top: 10px; padding: 9px 11px; border-radius: 10px; background: var(--superficie-2); border: 1px solid var(--borda-suave); }
.dc-pergunte.vivo { background: var(--primaria-suave); border-color: transparent; }
.dc-pergunte.ok { background: var(--positivo-suave); border-color: transparent; }
.dc-pergunte small { font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--texto-2); display: flex; gap: 5px; align-items: center; }
.dc-pergunte p { font-size: .8rem; color: var(--titulo); font-weight: 550; margin-top: 3px; }
.dc-nada { font-size: .76rem; display: flex; gap: 6px; align-items: center; }
.dc-obj { border: 1px solid var(--borda); border-left: 3px solid var(--atencao); border-radius: 10px; padding: 8px 10px; margin-bottom: 8px; position: relative; }
.dc-obj.ok { border-left-color: var(--positivo); }
.dc-obj b { font-size: .8rem; color: var(--titulo); display: block; padding-right: 76px; }
.dc-obj p { font-size: .78rem; color: var(--acento); font-weight: 600; display: flex; gap: 5px; align-items: center; margin-top: 3px; }
.dc-obj small { font-size: .7rem; color: var(--texto-2); display: block; margin-top: 2px; }
.dc-obj .tag { position: absolute; top: 7px; right: 8px; font-size: 10px; }
.dc-nota { margin-bottom: 8px; }
.dc-nota label { display: flex; gap: 6px; align-items: center; font-size: .72rem; font-weight: 600; color: var(--texto); margin-bottom: 3px; }
.dc-nota label b { color: var(--c); font-weight: 800; }
.dc-nota label small { margin-left: auto; font-size: .62rem; color: var(--positivo-texto); font-weight: 650; }
.dc-nota textarea { min-height: 40px; font-size: .76rem; border-left: 3px solid var(--c); }
.dc-fim { border-top: 1px solid var(--borda); padding: 14px; background: var(--superficie-2); border-radius: 0 0 var(--raio) var(--raio); }
.dc-recado { display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 12px; background: var(--superficie); border: 1px solid var(--borda); margin-bottom: 12px; }
.dc-recado > div { flex: 1; min-width: 0; }
.dc-recado b { display: block; font-size: .82rem; color: var(--titulo); }
.dc-recado small { font-size: .72rem; color: var(--texto-2); }
.dc-res { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.dc-r { border: 1px solid var(--borda); background: var(--superficie); border-radius: 999px; padding: 6px 12px; font-size: .76rem; font-weight: 600; color: var(--texto); }
.dc-r.on.pos { background: var(--positivo-suave); color: var(--positivo-texto); border-color: transparent; }
.dc-r.on.atn { background: var(--atencao-suave); color: var(--atencao-texto); border-color: transparent; }
.dc-r.on.neg { background: var(--negativo-suave); color: var(--negativo-texto); border-color: transparent; }
.dc-r.on.neu, .dc-r.on.inf { background: var(--superficie-inversa); color: var(--texto-inverso); border-color: transparent; }
.dc-prox-acoes { display: grid; gap: 8px; margin-bottom: 12px; }
.dc-pa { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.dc-pa b { flex: 1; font-size: .8rem; color: var(--titulo); }
.dc-pa input { accent-color: var(--acento); }
.dc-fim-pe { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: .72rem; }
.dc-fim .rotulo-secao { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.dc-fim .rotulo-secao .tag { text-transform: none; letter-spacing: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1320px) {
  .dc-grade { grid-template-columns: 270px minmax(0, 1fr); }
  .dc-lado { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
}
@media (max-width: 991px) {
  .dc-abas { display: flex; margin-bottom: 10px; }
  .dc-grade { grid-template-columns: minmax(0, 1fr); }
  .dc-lado { display: flex; }
  .dc-grade[data-aba="tx"] .dc-lado, .dc-grade[data-aba="rot"] .dc-tx, .dc-grade[data-aba="notas"] .dc-tx { display: none; }
  .dc-grade[data-aba="rot"] .dc-notas { display: none; }
  .dc-grade[data-aba="notas"] .dc-lado > section:not(.dc-notas) { display: none; }
  .dc-grade .dc-prox { display: none; }
  .dc-tx { min-height: 0; } .dc-tx-corpo { max-height: 54vh; min-height: 260px; }
  .dc-fone { padding: 12px; gap: 10px; }
  .dc-relogio b { font-size: 1.5rem; }
}
@media (max-width: 767.98px) {
  .dc-quem .av-xl { width: 44px; height: 44px; font-size: 1rem; }
  .dc-fone { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .dc-fone > * { grid-column: 1 / -1; }
  .dc-fone .dc-botoes { grid-column: 2; grid-row: 1; align-self: center; }
  .dc-fone .dc-quem { grid-column: 1; grid-row: 1; }
  .dc-btn-ligar, .dc-btn-desligar { width: 52px; height: 52px; font-size: 1.3rem; }
  .dc-aviso, .dc-linha-num { display: none; }
}
@media (prefers-reduced-motion: reduce) { .dc-onda.viva i, .dg-vivo, .esc-linha .cursor { animation: none; } }

/* ---------- Sala de reunião ---------- */
.rn-saguao { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 14px; align-items: start; }
.rn-lista { grid-column: 1 / -1; }
.rn-previa { padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.rn-previa .rn-tile { aspect-ratio: 16 / 10; }
.rn-previa-ctrl { display: flex; gap: 8px; align-items: center; }
.rn-mic-teste { display: flex; gap: 3px; align-items: center; height: 28px; margin-left: 8px; }
.rn-mic-teste i { width: 4px; border-radius: 2px; background: var(--positivo); height: 6px; animation: onda .8s ease-in-out infinite alternate; animation-delay: calc(var(--k) * -80ms); }
.rn-consent { font-size: .74rem; }
.rn-brief { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.rn-brief-cab { display: flex; gap: 12px; align-items: center; }
.rn-brief-cab h2 { font-size: 1.1rem; }
.rn-link { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 8px 10px; border-radius: 10px; background: var(--superficie-2); border: 1px dashed var(--borda-forte); font-size: .78rem; min-width: 0; }
.rn-link span { display: flex; gap: 6px; align-items: center; min-width: 0; overflow: hidden; }
.rn-link b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--titulo); }
.rn-quem { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.rn-quem > span:not(.cx-chip) { display: flex; gap: 7px; align-items: center; font-size: .76rem; }
.rn-quem small { color: var(--texto-2); font-size: .66rem; display: block; }
.rn-brief-g { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 14px; align-items: center; }
.rn-falta { font-size: .78rem; display: flex; gap: 6px; align-items: center; color: var(--atencao-texto); margin-bottom: 6px; }
.rn-falta.ok { color: var(--positivo-texto); }
.rn-nota { font-size: .8rem; color: var(--titulo); font-style: italic; border-left: 3px solid var(--acento); padding-left: 10px; margin: 6px 0; }
.rn-entrar { width: 100%; justify-content: center; }
.rn-obs { font-size: .74rem; display: flex; gap: 6px; }
.rn-lista ol { list-style: none; margin: 0; padding: 6px 8px 10px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.rn-lista button { width: 100%; display: flex; gap: 9px; align-items: center; padding: 8px; border: 1px solid transparent; background: none; border-radius: 10px; text-align: left; color: var(--texto); }
.rn-lista button.ativo { background: var(--primaria-suave); }
.rn-lista button:hover { border-color: var(--borda); }
.rn-lista button > span:not(.av) { flex: 1; min-width: 0; }
.rn-lista b { display: block; font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--titulo); }
.rn-lista small { font-size: .68rem; color: var(--texto-2); }

.rn-abas { display: none; }
.rn-grade { display: grid; grid-template-columns: 260px minmax(0, 1fr) 290px; gap: 14px; align-items: start; }
.rn-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rn-nada { font-size: .76rem; display: flex; gap: 6px; align-items: center; }
.rn-palco-card { overflow: hidden; background: #0d0f18; border-color: #0d0f18; position: relative; }
.rn-topo { display: flex; align-items: center; gap: 10px; padding: 9px 12px; color: #dfe3f0; font-size: .74rem; }
.rn-topo b { color: #fff; font-size: .82rem; }
.rn-rec { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; color: #ff6b6b; letter-spacing: .04em; }
.rn-rec .ic { animation: cursor 1.4s steps(2) infinite; }
.rn-rec.off { color: #8e95ab; } .rn-rec.off .ic { animation: none; }
.rn-blocos { display: flex; gap: 3px; align-items: center; margin-left: auto; min-width: 0; }
.rn-blocos i { width: 18px; height: 18px; border-radius: 5px; background: #23283a; color: #8e95ab; font-style: normal; font-size: 10px; font-weight: 800; display: grid; place-items: center; flex: none; }
.rn-blocos i.feito { background: color-mix(in srgb, var(--c, #7c5cff) 55%, #23283a); color: #fff; }
.rn-blocos i.atual { background: var(--c, #7c5cff); color: #fff; box-shadow: 0 0 0 2px rgba(255,255,255,.35); }
.rn-blocos small { margin-left: 6px; color: #fff; font-weight: 650; white-space: nowrap; }
.rn-palco { display: grid; gap: 8px; padding: 0 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rn-palco.n3 .rn-tile:first-child { grid-column: 1 / -1; }
.rn-palco.n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rn-tile { position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 16 / 9; display: grid; place-items: center; background: radial-gradient(120% 90% at 30% 20%, color-mix(in srgb, var(--c) 55%, #1b1f2e), #12141f 70%); transition: box-shadow .2s; }
.rn-palco.n3 .rn-tile:first-child { aspect-ratio: 21 / 8; }
.rn-tile.falando { box-shadow: 0 0 0 3px #7c5cff, 0 0 26px rgba(124, 92, 255, .45); }
.rn-sil { position: absolute; inset: auto 0 0 0; width: 100%; height: 88%; }
.rn-av { width: 54px; height: 54px; border-radius: 999px; display: grid; place-items: center; font-weight: 700; color: #fff; background: color-mix(in srgb, var(--c) 80%, #000); font-size: 1.05rem; position: relative; z-index: 1; box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.rn-tile.cam .rn-av { width: 34px; height: 34px; font-size: .74rem; position: absolute; top: 8px; right: 8px; }
.rn-nome { position: absolute; left: 8px; bottom: 8px; display: inline-flex; gap: 5px; align-items: center; font-size: .72rem; color: #fff; background: rgba(0,0,0,.45); backdrop-filter: blur(4px); padding: 2px 8px; border-radius: 999px; z-index: 1; }
.rn-nome small { opacity: .75; }
.rn-barras { position: absolute; right: 10px; bottom: 10px; display: flex; gap: 2px; align-items: flex-end; height: 14px; z-index: 1; }
.rn-barras i { width: 3px; background: #9b85ff; border-radius: 2px; animation: onda .5s ease-in-out infinite alternate; --k: 4; }
.rn-barras i:nth-child(2) { animation-delay: -.2s; --k: 7; } .rn-barras i:nth-child(3) { animation-delay: -.35s; --k: 3; }
.rn-palco.tela { grid-template-columns: minmax(0, 1fr) 120px; }
.rn-palco.tela .rn-tira { display: flex; flex-direction: column; gap: 6px; }
.rn-palco.tela .rn-tira .rn-tile { aspect-ratio: 16 / 10; }
.rn-palco.tela .rn-tira .rn-av { width: 26px; height: 26px; font-size: .62rem; }
.rn-palco.tela .rn-tira .rn-nome { font-size: .6rem; padding: 1px 6px; left: 4px; bottom: 4px; }
.rn-slide { background: #fff; color: #151827; border-radius: 10px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; aspect-ratio: 16 / 10; min-width: 0; }
.rn-slide-cab b { color: #4E21FC; font-size: .95rem; display: block; } .rn-slide-cab small { color: #5A6378; }
.rn-slide-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; flex: 1; }
.rn-slide-g div { border: 1px solid #E3E8F2; border-radius: 8px; padding: 8px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rn-slide-g b { font-size: .74rem; } .rn-slide-g span { font-weight: 700; font-size: .78rem; color: #4E21FC; } .rn-slide-g small { font-size: .62rem; color: #5A6378; line-height: 1.3; }
.rn-slide-pe { font-size: .66rem; color: #5A6378; }
.rn-legenda { margin: 8px 10px 0; min-height: 44px; padding: 7px 12px; border-radius: 10px; background: rgba(255,255,255,.06); color: #f2f4fa; font-size: .82rem; line-height: 1.45; }
.rn-legenda b { color: #b9a9ff; margin-right: 4px; }
.rn-legenda.off { visibility: hidden; min-height: 0; padding: 0; }
.rn-ctrl { display: flex; gap: 8px; justify-content: center; align-items: center; padding: 10px; flex-wrap: wrap; }
.rn-c { width: 42px; height: 42px; border-radius: 999px; border: 0; background: #23283a; color: #f2f4fa; display: grid; place-items: center; font-size: 1.05rem; }
.rn-c:hover { background: #2e3550; }
.rn-c.off { background: #e5484d; color: #fff; }
.rn-c.on { background: #7c5cff; color: #fff; }
.rn-c.rec { color: #ff6b6b; }
.rn-c:disabled { opacity: .45; cursor: not-allowed; }
.rn-previa .rn-c { background: var(--superficie-3); color: var(--texto); }
.rn-previa .rn-c.off { background: var(--negativo); color: #fff; }
.rn-sair { display: inline-flex; gap: 6px; align-items: center; border: 0; background: #e5484d; color: #fff; border-radius: 999px; padding: 0 16px; height: 42px; font-weight: 650; margin-left: 6px; }
.rn-baixo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.rn-tx { max-height: 300px; overflow-y: auto; padding: 6px 12px; }
.rn-med { display: flex; gap: 14px; align-items: center; }
.rn-med-n b { font-size: 2.1rem; font-weight: 700; color: var(--titulo); letter-spacing: -.04em; line-height: 1; }
.rn-med-n small { display: block; color: var(--texto-2); font-size: .7rem; }
.rn-med-barras { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; flex: 1; }
.rn-med-barras div { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.rn-med-barras span { height: 74px; width: 100%; max-width: 22px; background: var(--superficie-3); border-radius: 7px; display: flex; align-items: flex-end; overflow: hidden; }
.rn-med-barras span i { display: block; width: 100%; background: var(--c); border-radius: 7px; transition: height .6s cubic-bezier(.2, .8, .2, 1); }
.rn-med-barras b { color: var(--c); font-weight: 800; font-size: .8rem; }
.rn-med-barras div.on b::after { content: ' ✓'; color: var(--positivo-texto); font-size: .66rem; }
.rn-fala { display: flex; gap: 12px; align-items: center; }
.rn-fala .legenda { flex-direction: column; gap: 3px; }
.rn-alvo { font-size: .7rem; font-weight: 650; display: flex; gap: 4px; align-items: center; margin-top: 6px; }
.rn-perg { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rn-perg li { display: grid; grid-template-columns: 14px minmax(0, 1fr) 16px; gap: 7px; font-size: .74rem; line-height: 1.35; align-items: start; color: var(--titulo); }
.rn-perg li b { color: var(--c); font-weight: 800; }
.rn-perg li.ok { color: var(--texto-2); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--texto-2) 50%, transparent); }
.rn-perg li.ok .ic { color: var(--positivo-texto); }
.rn-lead { display: flex; gap: 10px; align-items: center; margin-bottom: 8px; }
.rn-lead b { display: block; font-size: .82rem; color: var(--titulo); }
.rn-lead small { font-size: .7rem; color: var(--texto-2); }
.rn-lead-g { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.rn-hist { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rn-hist li { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 6px; font-size: .72rem; align-items: center; }
.rn-hist li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rn-hist small { color: var(--texto-2); font-size: .64rem; }
.rn-termo { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; font-size: .66rem; font-weight: 650; }
.rn-termo-risco { color: var(--negativo-texto); } .rn-termo-compra { color: var(--positivo-texto); }
.rn-termo-barra { position: relative; height: 12px; border-radius: 99px; background: linear-gradient(90deg, var(--negativo-suave), var(--superficie-3) 50%, var(--positivo-suave)); }
.rn-termo-barra::after { content: ''; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1.5px; background: var(--borda-forte); }
.rn-termo-barra b { position: absolute; top: 3px; height: 6px; border-radius: 99px; transition: all .5s; }
.rn-termo-barra i { position: absolute; top: -4px; width: 4px; height: 20px; border-radius: 3px; background: var(--titulo); transform: translateX(-50%); transition: left .5s cubic-bezier(.2, .8, .2, 1); z-index: 1; }
.rn-termo-n { display: flex; justify-content: space-between; font-size: .72rem; margin: 8px 0; }
.rn-termo-n span { display: flex; gap: 4px; align-items: center; }
.rn-sinais { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.rn-sinais li { display: flex; gap: 7px; font-size: .72rem; align-items: flex-start; color: var(--texto); }
.rn-sinais li i { width: 7px; height: 7px; border-radius: 99px; margin-top: 5px; flex: none; background: currentColor; }
.rn-sinais li.pos i { color: var(--positivo); } .rn-sinais li.neg i { color: var(--negativo); }
.rn-men { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 6px; align-items: start; padding: 5px 0; border-bottom: 1px solid var(--borda-suave); }
.rn-men:last-child { border-bottom: 0; }
.rn-men small { font-size: .7rem; color: var(--texto-2); display: flex; gap: 5px; align-items: center; font-weight: 600; }
.rn-men div { display: flex; gap: 4px; flex-wrap: wrap; }
.rn-men .tag + .tag { margin-left: 0; }
.rn-resumo { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rn-resumo li { font-size: .78rem; line-height: 1.45; padding-left: 10px; border-left: 3px solid var(--c); color: var(--titulo); }
.rn-passos, .rn-tarefas { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rn-passos li, .rn-tarefas li { display: flex; gap: 7px; font-size: .76rem; align-items: center; flex-wrap: wrap; }
.rn-passos li span, .rn-tarefas li span { flex: 1; min-width: 120px; }
.rn-passos .ic { color: var(--acento); flex: none; }
.rn-sus { display: flex; gap: 8px; padding: 8px; border-radius: 10px; background: color-mix(in srgb, var(--ouro) 12%, var(--superficie)); border: 1px solid color-mix(in srgb, var(--ouro) 35%, transparent); margin-bottom: 6px; }
.rn-sus small { font-size: .64rem; color: var(--texto-2); }
.rn-sus p { font-size: .78rem; color: var(--titulo); font-weight: 550; }
.rn-sus-form { display: flex; gap: 6px; margin-top: 6px; }
.rn-fim-g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; }
.rn-fim-g .mdl-opcao { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; cursor: pointer; flex-wrap: wrap; }
.rn-fim-g .mdl-opcao input { accent-color: var(--acento); }
.rn-fim-g .mdl-opcao b { font-size: .78rem; color: var(--titulo); }
.rn-fim-nota { display: flex; gap: 8px; align-items: center; font-size: 1.4rem; margin-bottom: 8px; }
.rn-fim-nota .mudo { font-size: .72rem; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; }

@media (max-width: 1320px) {
  .rn-grade { grid-template-columns: minmax(0, 1fr) 280px; }
  .rn-esq { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rn-centro { grid-column: 1; grid-row: 1; } .rn-dir { grid-column: 2; grid-row: 1; }
}
@media (max-width: 991px) {
  .rn-saguao { grid-template-columns: minmax(0, 1fr); }
  .rn-lista ol { grid-template-columns: minmax(0, 1fr); }
  .rn-abas { display: flex; margin-bottom: 10px; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
  .rn-grade { grid-template-columns: minmax(0, 1fr); }
  .rn-esq, .rn-centro, .rn-dir { grid-column: 1; grid-row: auto; display: flex; }
  .rn-centro { order: -1; }
  .rn-grade .rn-p { display: none; }
  .rn-grade[data-aba="spiced"] .rn-p[data-g="spiced"], .rn-grade[data-aba="obj"] .rn-p[data-g="obj"], .rn-grade[data-aba="sinais"] .rn-p[data-g="sinais"], .rn-grade[data-aba="resumo"] .rn-p[data-g="resumo"], .rn-grade[data-aba="lead"] .rn-p[data-g="lead"] { display: block; }
  .rn-grade[data-aba="resumo"] .rn-baixo { display: grid; }
  .rn-baixo { grid-template-columns: minmax(0, 1fr); }
  .rn-fim-g { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .rn-brief-g { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .rn-brief-g > div:last-child { justify-self: stretch; }
  .rn-blocos i { width: 14px; height: 14px; font-size: 8px; }
  .rn-blocos small { display: none; }
  .rn-c { width: 38px; height: 38px; }
  .rn-sair span { display: none; } .rn-sair { padding: 0 12px; margin-left: 0; }
  .rn-palco.tela { grid-template-columns: minmax(0, 1fr); }
  .rn-palco.tela .rn-tira { flex-direction: row; } .rn-palco.tela .rn-tira .rn-tile { flex: 1; }
  .rn-slide-g small { display: none; }
  .rn-av { width: 42px; height: 42px; font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) { .rn-barras i, .rn-mic-teste i, .rn-rec .ic { animation: none; } }

/* ---------- Central de conversas ---------- */
.ce-kpis .card-kpi .valor { font-size: 1.4rem; }
.ce-graf { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 14px; margin-bottom: 14px; }
.ce-pilhas { display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 5px; height: 140px; align-items: end; }
.ce-pilhas > div { display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%; }
.ce-pilhas span { flex: 1; width: 100%; max-width: 22px; display: flex; flex-direction: column-reverse; justify-content: flex-start; gap: 1px; }
.ce-pilhas i { display: block; width: 100%; border-radius: 3px; min-height: 3px; }
.ce-voz { background: var(--r-bdr); } .ce-video { background: var(--r-closer); } .ce-wavoz { background: #1FA77A; }
.ce-pilhas small { font-size: .62rem; color: var(--texto-2); }
.ce-res { display: flex; gap: 14px; align-items: center; }
.ce-res .legenda { flex-direction: column; gap: 3px; }
.ce-filtros { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ce-busca { flex: 1; min-width: 220px; display: flex; align-items: center; gap: 6px; position: relative; }
.ce-busca .ic { position: absolute; left: 10px; color: var(--texto-2); }
.ce-busca input { padding-left: 30px; width: 100%; }
.ce-lista { display: flex; flex-direction: column; }
.ce-item { display: grid; grid-template-columns: 34px minmax(0, 1.5fr) 110px 170px minmax(0, 1fr) 44px; gap: 12px; align-items: center; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--borda-suave); background: none; text-align: left; color: var(--texto); width: 100%; }
.ce-item:hover { background: var(--superficie-2); }
.ce-tipo { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: var(--c); background: color-mix(in srgb, var(--c) 12%, transparent); font-size: 1rem; flex: none; }
.ce-quem { min-width: 0; }
.ce-quem b { display: block; font-size: .82rem; color: var(--titulo); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ce-quem small { font-size: .7rem; color: var(--texto-2); }
.ce-trecho { font-size: .72rem; color: var(--texto); margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ce-trecho mark { background: var(--atencao-suave); color: var(--atencao-texto); border-radius: 3px; padding: 0 2px; }
.ce-por { display: flex; gap: 7px; align-items: center; font-size: .68rem; color: var(--texto-2); line-height: 1.3; }
.ce-onda-w { min-width: 0; overflow: hidden; }
.ce-onda { display: block; max-width: 100%; height: auto; }
.ce-res .tag + .tag { margin-left: 0; }
.ce-item .ce-res { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
.ce-estr { color: var(--ouro); font-size: .78rem; letter-spacing: -1px; }
.ce-nota { display: grid; place-items: center; }
.ce-g-cab { display: flex; gap: 10px; align-items: center; flex: 1; min-width: 0; }
.ce-g-cab > div { flex: 1; min-width: 0; }
.ce-g-cab h2 { font-size: 1rem; }
.ce-det { padding: 14px 18px 20px; }
.ce-player { display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 12px; background: var(--superficie-2); border: 1px solid var(--borda-suave); margin-bottom: 12px; }
.ce-play { width: 40px; height: 40px; border-radius: 999px; border: 0; background: var(--acento); color: #fff; display: grid; place-items: center; font-size: 1rem; flex: none; }
.ce-player-onda { flex: 1; min-width: 0; cursor: pointer; }
.ce-player-onda svg { width: 100%; height: 48px; }
.ce-pl-t { font-size: .72rem; color: var(--texto-2); white-space: nowrap; }
.ce-sub { margin-bottom: 12px; }
.ce-tx { max-height: 52vh; overflow-y: auto; }
.ce-tx .esc-linha { cursor: pointer; border-radius: 10px; }
.ce-tx .esc-linha:hover { background: var(--superficie-2); }
.ce-an-res { display: grid; gap: 5px; margin-bottom: 12px; }
.ce-an-res p { font-size: .82rem; padding-left: 10px; border-left: 3px solid var(--c); color: var(--titulo); }
.ce-an-g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-bottom: 8px; }
.ce-check { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ce-check li { display: grid; grid-template-columns: 14px minmax(0, 1fr) 16px; gap: 7px; font-size: .74rem; align-items: start; line-height: 1.4; }
.ce-check li b { color: var(--c); font-weight: 800; }
.ce-check li .ic { color: var(--negativo-texto); margin-top: 2px; }
.ce-check li.ok .ic { color: var(--positivo-texto); }
.ce-fala { display: flex; height: 12px; border-radius: 99px; overflow: hidden; margin-bottom: 6px; }
.ce-fala i { display: block; height: 100%; }
.ce-obj { border: 1px solid var(--borda); border-left: 3px solid var(--atencao); border-radius: 10px; padding: 8px 10px; margin-bottom: 8px; }
.ce-obj.ok { border-left-color: var(--positivo); }
.ce-obj b { font-size: .78rem; color: var(--titulo); font-weight: 600; }
.ce-obj p { font-size: .76rem; color: var(--texto); display: flex; gap: 5px; align-items: flex-start; margin-top: 4px; }
.ce-obj small { font-size: .68rem; color: var(--texto-2); display: block; margin-top: 3px; }
.ce-men { display: flex; gap: 5px; flex-wrap: wrap; }
.ce-men .tag + .tag { margin-left: 0; }
.ce-passo { font-size: .8rem; display: flex; gap: 6px; color: var(--titulo); }
.ce-coach-atual { display: flex; gap: 10px; padding: 10px; border-radius: 12px; background: color-mix(in srgb, var(--ouro) 10%, var(--superficie)); border: 1px solid color-mix(in srgb, var(--ouro) 30%, transparent); }
.ce-coach-atual b { color: var(--ouro); }
.ce-coach-atual p { font-size: .8rem; color: var(--titulo); }
.ce-estrelas { display: flex; gap: 4px; margin-bottom: 8px; }
.ce-estrelas button { border: 0; background: none; font-size: 1.5rem; color: var(--borda-forte); padding: 0 2px; line-height: 1; }
.ce-estrelas button.on { color: var(--ouro); }
.ce-pessoas { margin-bottom: 14px; }
.ce-pessoas button { display: inline-flex; gap: 6px; align-items: center; }
.ce-ev { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ce-radar { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ce-radar svg { max-width: 260px; }
.ce-coach-l { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 8px 0; border-bottom: 1px solid var(--borda-suave); color: var(--texto); }
.ce-coach-l b { color: var(--ouro); display: block; }
.ce-coach-l span { font-size: .78rem; display: block; }
.ce-coach-l small { font-size: .68rem; color: var(--texto-2); }
.ce-bib-intro { font-size: .78rem; margin-bottom: 12px; display: flex; gap: 6px; align-items: center; }
.ce-bib { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ce-bib-lead { font-size: .82rem; color: var(--texto-2); font-style: italic; margin-bottom: 8px; }
.ce-bib-resp { display: flex; gap: 8px; align-items: flex-start; font-size: .84rem; color: var(--titulo); font-weight: 550; margin-bottom: 6px; }
.ce-bib-c .card-footer { display: flex; gap: 8px; justify-content: flex-end; }
.ce-treino-o { font-size: .9rem; margin-bottom: 10px; }
.ce-treino { display: grid; gap: 8px; }
.ce-treino .mdl-opcao { text-align: left; font-size: .82rem; }
.ce-treino-r { margin-top: 10px; font-size: .82rem; }
.ce-treino-r span { display: flex; gap: 6px; align-items: flex-start; }
@media (max-width: 1320px) { .ce-item { grid-template-columns: 34px minmax(0, 1.5fr) 100px 120px minmax(0, 1fr) 44px; } .ce-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1180px) { .ce-graf { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .ce-graf > :first-child { grid-column: 1 / -1; } .ce-bib { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991px) { .ce-ev { grid-template-columns: minmax(0, 1fr); } .ce-an-g { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767.98px) {
  .ce-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ce-graf { grid-template-columns: minmax(0, 1fr); }
  .ce-bib { grid-template-columns: minmax(0, 1fr); }
  .ce-item { grid-template-columns: 34px minmax(0, 1fr) 44px; grid-template-areas: "t q n" "t p n" "t r n"; row-gap: 4px; }
  .ce-item .ce-tipo { grid-area: t; align-self: start; } .ce-item .ce-quem { grid-area: q; } .ce-item .ce-por { grid-area: p; } .ce-item .ce-res { grid-area: r; } .ce-item .ce-nota { grid-area: n; }
  .ce-item .ce-onda-w { display: none; }
  .ce-por small br { display: none; }
  .ce-busca { min-width: 0; flex-basis: 100%; }
  .ce-filtros .segmentado { width: 100%; }
  .ce-player { flex-wrap: wrap; } .ce-player-onda { flex-basis: 100%; order: 3; }
}
.ce-filtros .select { width: auto; flex: 0 0 auto; max-width: 100%; }

/* ---------- WhatsApp ---------- */
.wa-num { width: auto; max-width: 240px; }
.wa-qr-aviso { max-width: none; margin-bottom: 14px; }
.wa-grade { display: grid; grid-template-columns: 300px minmax(0, 1fr) 250px; gap: 14px; align-items: start; }
.wa-lista { display: flex; flex-direction: column; max-height: calc(100vh - 210px); min-height: 520px; overflow: hidden; }
.wa-lista-topo { padding: 10px; border-bottom: 1px solid var(--borda-suave); display: grid; gap: 8px; }
.wa-lista-topo .ce-busca { min-width: 0; }
.wa-filtros { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.wa-filtros .filtro-pill { padding: .2rem .6rem; font-size: .68rem; }
.wa-itens { list-style: none; margin: 0; padding: 4px; overflow-y: auto; flex: 1; }
.wa-item { width: 100%; display: flex; gap: 10px; align-items: center; padding: 9px 8px; border: 0; background: none; border-radius: 10px; text-align: left; color: var(--texto); }
.wa-item:hover { background: var(--superficie-2); }
.wa-item.ativo { background: var(--primaria-suave); }
.wa-item-t { flex: 1; min-width: 0; }
.wa-item-t b { display: block; font-size: .8rem; color: var(--titulo); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-item-t small { display: flex; gap: 4px; align-items: center; font-size: .72rem; color: var(--texto-2); overflow: hidden; white-space: nowrap; }
.wa-item-d { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
.wa-item-d small { font-size: .64rem; color: var(--texto-2); }
.wa-badge { min-width: 18px; height: 18px; border-radius: 99px; background: #1FA77A; color: #fff; font-size: .64rem; font-weight: 700; font-style: normal; display: grid; place-items: center; padding: 0 5px; }
.wa-jan { color: #1FA77A; font-size: .8rem; }
.wa-tick { font-style: normal; font-size: .7rem; color: var(--texto-2); letter-spacing: -3px; margin-right: 3px; }
.wa-tick.lida { color: #3b9cf0; }
.wa-conversa { display: flex; flex-direction: column; height: calc(100vh - 210px); min-height: 520px; overflow: hidden; }
.wa-cab { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--borda-suave); }
.wa-cab-t { flex: 1; min-width: 0; }
.wa-cab-t small { display: block; font-size: .7rem; color: var(--texto-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-cab-acoes { display: flex; gap: 4px; }
.wa-voltar { display: none; }
.wa-msgs { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 6px; background: radial-gradient(circle at 20% 10%, color-mix(in srgb, #1FA77A 5%, transparent), transparent 40%), var(--superficie-2); }
.wa-dia { text-align: center; margin: 6px 0; } .wa-dia span { font-size: .64rem; font-weight: 650; color: var(--texto-2); background: var(--superficie); border: 1px solid var(--borda-suave); padding: 2px 10px; border-radius: 99px; }
.wa-msg { display: flex; } .wa-msg.eu { justify-content: flex-end; } .wa-msg.sis { justify-content: center; }
.wa-b { max-width: min(78%, 520px); padding: 7px 10px 5px; border-radius: 12px; background: var(--superficie); border: 1px solid var(--borda-suave); box-shadow: var(--sombra-xs); }
.wa-msg.eu .wa-b { background: color-mix(in srgb, #1FA77A 16%, var(--superficie)); border-color: transparent; border-top-right-radius: 4px; }
.wa-msg.lead .wa-b { border-top-left-radius: 4px; }
.wa-msg.agente .wa-b { background: color-mix(in srgb, #7357d6 12%, var(--superficie)); }
.wa-b p { font-size: .8rem; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--texto); }
.wa-h { display: block; text-align: right; font-size: .62rem; color: var(--texto-2); margin-top: 2px; }
.wa-ag { display: flex; gap: 5px; align-items: center; font-size: .64rem; font-weight: 650; color: var(--texto-2); margin-bottom: 3px; }
.wa-tpl { display: inline-flex; gap: 4px; align-items: center; font-size: .62rem; font-weight: 700; color: var(--positivo-texto); margin-bottom: 3px; }
.wa-audio { display: flex; gap: 8px; align-items: center; min-width: 200px; }
.wa-audio-onda { display: flex; gap: 2px; align-items: center; flex: 1; }
.wa-audio-onda i { width: 3px; border-radius: 2px; background: var(--texto-2); opacity: .6; }
.wa-transc { display: flex; gap: 5px; font-size: .74rem !important; color: var(--texto-2) !important; font-style: italic; margin-top: 4px; }
.wa-chamada { display: flex; gap: 10px; align-items: center; padding: 8px 12px; border-radius: 12px; background: var(--superficie); border: 1px solid var(--borda); font-size: .76rem; }
.wa-chamada > .ic { color: #1FA77A; font-size: 1.1rem; }
.wa-chamada b { display: block; color: var(--titulo); font-size: .78rem; }
.wa-chamada small { color: var(--texto-2); }
.wa-digitando { display: flex; gap: 4px; padding: 10px 12px; }
.wa-digitando i { width: 6px; height: 6px; border-radius: 99px; background: var(--texto-2); animation: dig 1s infinite; }
.wa-digitando i:nth-child(2) { animation-delay: .15s; } .wa-digitando i:nth-child(3) { animation-delay: .3s; }
@keyframes dig { 0%, 60%, 100% { opacity: .3; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
.wa-rascunho { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-top: 1px dashed color-mix(in srgb, #7357d6 45%, var(--borda)); background: color-mix(in srgb, #7357d6 6%, var(--superficie)); }
.wa-r-t { flex: 1; min-width: 0; } .wa-r-t small { font-size: .66rem; color: var(--texto-2); } .wa-r-t p { font-size: .78rem; color: var(--titulo); }
.wa-r-a { display: flex; flex-direction: column; gap: 4px; }
.wa-prontas { display: flex; gap: 5px; padding: 8px 12px 0; overflow-x: auto; scrollbar-width: none; }
.wa-prontas .filtro-pill { font-size: .68rem; padding: .2rem .65rem; }
.wa-compor { display: flex; gap: 8px; padding: 8px 12px 6px; align-items: flex-end; }
.wa-compor textarea { min-height: 38px; resize: none; }
.wa-enviar { width: 40px; height: 38px; padding: 0; justify-content: center; flex: none; background: #1FA77A; border-color: #1FA77A; }
.wa-copy { display: flex; gap: 5px; flex-wrap: wrap; padding: 0 12px 8px; }
.wa-tplbox { padding: 10px 12px; border-top: 1px solid var(--borda-suave); font-size: .74rem; }
.wa-tpls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 8px; }
.wa-tpls .mdl-opcao { flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; }
.wa-tpls .mdl-opcao b { font-size: .76rem; color: var(--titulo); }
.wa-tpls .mdl-opcao small { font-size: .66rem; color: var(--texto-2); }
.wa-ctx { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.wa-prox { font-size: .74rem; display: flex; gap: 6px; align-items: center; margin-top: 8px; color: var(--titulo); }
.wa-ajuda { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.wa-pros { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.wa-pros-lista { max-height: 520px; overflow-y: auto; padding: 4px 8px 10px; }
.wa-pros-l { display: flex; gap: 9px; align-items: center; padding: 7px 6px; border-radius: 10px; cursor: pointer; }
.wa-pros-l:hover { background: var(--superficie-2); }
.wa-pros-l input { accent-color: var(--acento); }
.wa-pros-l > span:not(.av):not(.tag) { flex: 1; min-width: 0; }
.wa-pros-l b { display: block; font-size: .78rem; color: var(--titulo); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-pros-l small { font-size: .68rem; color: var(--texto-2); }
.wa-pros .wa-tpls { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 10px; }
.wa-previa { padding: 10px; border-radius: 12px; background: var(--superficie-2); margin-bottom: 10px; }
.wa-previa .wa-b { max-width: 100%; }
.wa-regras { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; font-size: .76rem; }
.wa-regras li { display: flex; gap: 6px; align-items: center; }
.wa-res { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.wa-res b { font-size: 1.4rem; display: block; } .wa-res small { font-size: .68rem; color: var(--texto-2); display: block; margin-bottom: 4px; }
.wa-seqs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.wa-seq.off { opacity: .6; }
.wa-fluxo { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; counter-reset: no; }
.wa-fluxo li { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 10px; padding: 8px 8px 14px; border-radius: 12px; transition: background .3s; }
.wa-fluxo li::after { content: ''; position: absolute; left: 25px; top: 42px; bottom: -4px; width: 2px; background: var(--borda); }
.wa-fluxo li:last-child::after { display: none; }
.wa-no-ic { grid-row: 1 / 3; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--superficie-3); color: var(--texto-2); font-size: 1rem; z-index: 1; }
.wa-fluxo b { font-size: .8rem; color: var(--titulo); }
.wa-fluxo small { font-size: .68rem; color: var(--texto-2); grid-column: 2; }
.wa-no-n { grid-column: 3; grid-row: 1 / 3; align-self: center; font-style: normal; font-size: .7rem; font-weight: 700; color: var(--marca-texto); background: var(--primaria-suave); border-radius: 99px; padding: 1px 8px; }
.wa-fluxo li.agora { background: var(--primaria-suave); }
.wa-fluxo li.agora .wa-no-ic { background: var(--acento); color: #fff; box-shadow: 0 0 0 4px rgba(var(--acento-rgb), .2); }
.wa-fluxo li.feito .wa-no-ic { background: var(--positivo-suave); color: var(--positivo-texto); }
.wa-voz-topo { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.wa-voz-topo b { font-size: 1.6rem; color: var(--titulo); display: block; }
.wa-voz-topo small { font-size: .72rem; color: var(--texto-2); }
.wa-voz-tx { max-height: 46vh; overflow-y: auto; border-top: 1px solid var(--borda-suave); padding-top: 6px; min-height: 160px; }
@media (max-width: 1320px) { .wa-grade { grid-template-columns: 280px minmax(0, 1fr); } .wa-ctx { display: none; } }
@media (max-width: 991px) {
  .wa-grade { grid-template-columns: minmax(0, 1fr); }
  .wa-grade.na-conversa .wa-lista { display: none; }
  .wa-grade:not(.na-conversa) .wa-conversa { display: none; }
  .wa-voltar { display: grid; }
  .wa-pros, .wa-seqs { grid-template-columns: minmax(0, 1fr); }
  .wa-conversa { height: calc(100vh - 230px); }
}
@media (max-width: 767.98px) {
  .wa-num { max-width: 100%; }
  .wa-tpls { grid-template-columns: minmax(0, 1fr); }
  .wa-cab .wa-jan-tag { display: none; }
  .wa-r-a { flex-direction: row; flex-wrap: wrap; }
  .wa-rascunho { flex-wrap: wrap; }
  .wa-res { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wa-conversa { height: calc(100dvh - 250px); min-height: 440px; }
  .wa-lista { max-height: none; }
}
@media (prefers-reduced-motion: reduce) { .wa-digitando i { animation: none; } }

/* ---------- Funcionários digitais ---------- */
.dg-topo { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 14px; margin-bottom: 14px; align-items: start; }
.dg-fila .card-body.sem-pad { padding: 0; }
.dg-ap { display: flex; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--borda-suave); align-items: flex-start; }
.dg-ap-t { flex: 1; min-width: 0; }
.dg-ap-t small { font-size: .66rem; color: var(--texto-2); display: block; }
.dg-ap-tit { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; font-size: .8rem; color: var(--titulo); font-weight: 650; margin: 2px 0; }
.dg-ap-t p { font-size: .78rem; color: var(--texto); white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dg-ap-a { display: flex; flex-direction: column; gap: 4px; flex: none; }
.dg-mais { margin: 8px auto; display: flex; }
.btn-link { border: 0; background: none; padding: 0; color: var(--acento); font: inherit; font-weight: 600; cursor: pointer; }
.dg-limites ul { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 7px; }
.dg-limites li { display: flex; gap: 8px; font-size: .76rem; align-items: flex-start; }
.dg-limites li .ic { color: var(--acento); margin-top: 2px; }
.dg-cred { display: flex; gap: 12px; align-items: center; padding-top: 10px; border-top: 1px solid var(--borda-suave); }
.dg-cred b { display: block; font-size: .8rem; color: var(--titulo); }
.dg-cred small { font-size: .7rem; }
.dg-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.dg-ag { padding: 14px; display: flex; flex-direction: column; gap: 10px; border-top: 3px solid var(--c); }
.dg-ag.off { opacity: .62; }
.dg-ag-cab { display: flex; gap: 10px; align-items: center; }
.dg-ag-cab > div { flex: 1; min-width: 0; }
.dg-ag-cab b { display: block; font-size: .95rem; color: var(--titulo); }
.dg-ag-cab small { font-size: .72rem; color: var(--texto-2); }
.dg-faz { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.dg-faz li { display: flex; gap: 8px; align-items: center; font-size: .78rem; }
.dg-faz li .ic { width: 26px; height: 26px; padding: 5px; border-radius: 8px; background: color-mix(in srgb, var(--c) 12%, transparent); color: var(--c); flex: none; }
.dg-onde small, .dg-aut small { display: block; font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--texto-2); margin-bottom: 4px; }
.dg-onde div { display: flex; gap: 4px; flex-wrap: wrap; }
.dg-onde .tag + .tag { margin-left: 0; }
.dg-aut .segmentado { width: 100%; }
.dg-aut .segmentado button { flex: 1; justify-content: center; font-size: 11px; padding: 5px 6px; }
.dg-aut .segmentado button:disabled { cursor: default; }
.dg-lim { font-size: .7rem; color: var(--texto-2); display: flex; gap: 6px; align-items: flex-start; }
.dg-ag-pe { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.dg-ag-pe small { font-size: .68rem; }
.dg-tl { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.dg-tl li { display: flex; gap: 10px; align-items: flex-start; font-size: .78rem; }
.dg-tl li b { color: var(--titulo); }
.dg-tl small { display: block; font-size: .66rem; color: var(--texto-2); }
@media (max-width: 1180px) { .dg-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dg-topo { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767.98px) { .dg-grade { grid-template-columns: minmax(0, 1fr); } .dg-ap { flex-wrap: wrap; } .dg-ap-a { flex-direction: row; flex-wrap: wrap; width: 100%; } }

/* ---------- Conexões ---------- */
.cx-topo { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 14px; margin-bottom: 14px; align-items: stretch; }
.cx-mapa { width: 100%; height: auto; display: block; }
.cx-fio { stroke: var(--borda); stroke-width: 1.5; fill: none; stroke-dasharray: 3 4; }
.cx-fio.rec { stroke: color-mix(in srgb, var(--acento) 40%, var(--borda)); stroke-dasharray: none; }
.cx-fio.on { stroke: var(--acento); stroke-width: 3; stroke-dasharray: none; }
.cx-pulso { fill: var(--acento); opacity: .6; } .cx-pulso.on { opacity: 1; }
.cx-no rect:first-child { fill: var(--superficie); stroke: var(--borda); }
.cx-no text { font-size: 12px; font-weight: 650; fill: var(--titulo); }
.cx-no.on rect:first-child { stroke: var(--acento); stroke-width: 2; filter: drop-shadow(0 4px 10px rgba(var(--acento-rgb), .3)); }
.cx-centro circle { fill: var(--acento); filter: drop-shadow(0 8px 20px rgba(var(--acento-rgb), .35)); }
.cx-centro.on circle { animation: cx-bate 1s ease-in-out infinite alternate; }
@keyframes cx-bate { to { filter: drop-shadow(0 0 0 rgba(var(--acento-rgb), .0)) drop-shadow(0 0 18px rgba(var(--acento-rgb), .7)); } }
.cx-centro text { fill: #fff; font-weight: 750; font-size: 15px; text-anchor: middle; }
.cx-centro .cx-sub { font-size: 9.5px; font-weight: 600; opacity: .8; }
.cx-feed ol { list-style: none; margin: 0; padding: 6px 14px 12px; display: grid; gap: 9px; max-height: 360px; overflow-y: auto; }
.cx-feed li { display: flex; gap: 9px; align-items: flex-start; font-size: .76rem; }
.cx-feed li > i { width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; color: #fff; flex: none; font-size: .78rem; }
.cx-feed li b { color: var(--titulo); }
.cx-feed small { display: block; font-size: .64rem; color: var(--texto-2); }
.cx-fluxos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.cx-fluxo.rodando { border-color: var(--acento); box-shadow: 0 0 0 3px var(--primaria-suave); }
.cx-passos { list-style: none; margin: 0; padding: 10px 14px 14px; display: grid; gap: 4px; }
.cx-passos li { display: flex; gap: 9px; align-items: center; padding: 5px 6px; border-radius: 9px; transition: background .25s; position: relative; }
.cx-passos li + li::before { content: ''; position: absolute; left: 18px; top: -8px; height: 10px; width: 2px; background: var(--borda); }
.cx-p-ic { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: var(--c); flex: none; font-size: .8rem; }
.cx-p-ic .dg-av { width: 26px; height: 26px; }
.cx-passos b { font-size: .74rem; color: var(--titulo); display: block; }
.cx-passos small { font-size: .7rem; color: var(--texto-2); display: block; line-height: 1.3; }
.cx-passos li.agora { background: var(--primaria-suave); }
.cx-passos li.feito small { color: var(--positivo-texto); }
.cx-apps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.cx-app { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.cx-app-cab { display: flex; gap: 10px; align-items: center; }
.cx-app-cab > div { flex: 1; min-width: 0; }
.cx-app-cab b { display: block; font-size: .82rem; color: var(--titulo); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cx-app-cab small { font-size: .66rem; color: var(--texto-2); }
.cx-app-ic { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: #fff; flex: none; }
.cx-io { display: flex; flex-direction: column; gap: 2px; font-size: .74rem; padding: 6px 8px; border-radius: 9px; background: var(--superficie-2); }
.cx-io small { font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--acento); display: flex; gap: 4px; align-items: center; }
.cx-io.in small { color: var(--positivo-texto); }
.cx-cat { font-size: .68rem; color: var(--texto-2); font-style: italic; display: flex; gap: 5px; align-items: flex-start; }
.cx-app-pe { display: flex; justify-content: space-between; gap: 6px; font-size: .66rem; margin-top: auto; }
.cx-app-pe span { display: flex; gap: 4px; align-items: center; overflow: hidden; }
@media (max-width: 1320px) { .cx-apps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1180px) { .cx-topo { grid-template-columns: minmax(0, 1fr); } .cx-fluxos { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cx-apps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .cx-mapa-card { display: none; } .cx-fluxos, .cx-apps { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .cx-centro.on circle { animation: none; } .cx-pulso { display: none; } }
.dg-admin { display: flex; gap: 12px; padding: 16px; align-items: flex-start; }
.dg-admin > .ic { font-size: 1.3rem; color: var(--texto-2); margin-top: 2px; }
.dg-admin b { color: var(--titulo); }
.dg-admin p { font-size: .78rem; margin: 4px 0 10px; }
.dg-admin-n { display: flex; gap: 6px; flex-wrap: wrap; }
.dg-admin-n .tag + .tag { margin-left: 0; }

/* ---------- Ficha › Conversas ---------- */
.fc-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-bottom: 10px; }
.fc-kpis span { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 4px; border-radius: 10px; background: var(--superficie-2); border: 1px solid var(--borda-suave); min-width: 0; }
.fc-kpis .ic { color: var(--texto-2); }
.fc-kpis b { font-size: 1rem; color: var(--titulo); }
.fc-kpis small { font-size: .62rem; color: var(--texto-2); }
.fc-acoes { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.fc-filtros { display: flex; gap: 5px; flex-wrap: wrap; margin: 4px 0 10px; }
.fc-wa { border: 1px solid color-mix(in srgb, #1FA77A 40%, var(--borda)); border-radius: 14px; overflow: hidden; margin-bottom: 12px; }
.fc-wa-cab { display: flex; gap: 8px; align-items: center; padding: 8px 10px; background: color-mix(in srgb, #1FA77A 10%, var(--superficie)); flex-wrap: wrap; }
.fc-wa-cab > .ic { color: #1FA77A; }
.fc-wa-cab b { color: var(--titulo); font-size: .82rem; }
.fc-wa-msgs { max-height: 300px; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; gap: 6px; background: var(--superficie-2); }
.fc-wa .wa-b { max-width: 86%; }
.fc-wa-tpl { display: flex; gap: 8px; align-items: center; justify-content: space-between; padding: 8px 10px; font-size: .74rem; flex-wrap: wrap; }
.fc-tl { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.fc-it { display: flex; gap: 10px; align-items: flex-start; padding: 10px 4px; border-bottom: 1px solid var(--borda-suave); }
.fc-it .tag { flex: none; }
.fc-ic { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: var(--c); background: color-mix(in srgb, var(--c) 12%, transparent); flex: none; }
.fc-it-t { flex: 1; min-width: 0; }
.fc-it-t b { font-size: .8rem; color: var(--titulo); display: flex; gap: 6px; align-items: center; }
.fc-it-t p { font-size: .76rem; color: var(--texto); margin: 2px 0; overflow-wrap: anywhere; }
.fc-it-t > small { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: .66rem; color: var(--texto-2); margin-top: 3px; }
.fc-rec { color: var(--negativo-texto); font-size: .7rem; }
.fc-chips { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; margin-top: 4px; }
.fc-chips .tag + .tag { margin-left: 0; }
.fc-l { width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center; font-style: normal; font-size: 10px; font-weight: 800; color: #fff; background: var(--c); }
.fc-tx { margin: 8px 0 4px; padding: 6px 8px; border-radius: 10px; background: var(--superficie-2); max-height: 320px; overflow-y: auto; }
.fc-passo { font-size: .76rem; color: var(--titulo); display: flex; gap: 5px; margin: 6px 0; }
.fc-email { white-space: pre-wrap; padding: 8px; border-radius: 8px; background: var(--superficie-2); margin-top: 6px !important; }
@media (max-width: 560px) { .fc-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- Início: faixa dos funcionários digitais ---------- */
.ini-digitais { display: flex; gap: 12px; align-items: center; padding: 10px 14px; margin-bottom: 14px; border-radius: var(--raio); border: 1px solid color-mix(in srgb, #7357d6 30%, var(--borda)); background: linear-gradient(90deg, color-mix(in srgb, #7357d6 8%, var(--superficie)), var(--superficie) 70%); flex-wrap: wrap; }
.ini-digitais .ini-dg-av { display: flex; }
.ini-digitais .ini-dg-av .dg-av { margin-left: -6px; box-shadow: 0 0 0 2px var(--superficie); }
.ini-digitais .ini-dg-av .dg-av:first-child { margin-left: 0; }
.ini-digitais > div:nth-child(2) { flex: 1; min-width: 200px; }
.ini-digitais b { color: var(--titulo); font-size: .84rem; }
.ini-digitais small { display: block; font-size: .72rem; color: var(--texto-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-pe { flex-wrap: wrap; }