/* Seção 4 · A IA em cada setor, a janela e as cenas. */
.setores { background: var(--pedra); padding: clamp(72px, 10vw, 140px) 0; }
.setores .topo, .relatorios .topo { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: end; }
.grade-setores { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: clamp(40px, 6vw, 72px); }
.setor {
  position: relative; text-align: left; background: var(--papel); border-radius: 14px; padding: 22px 22px 20px;
  display: flex; flex-direction: column; gap: 10px; min-height: 250px; overflow: hidden; isolation: isolate;
  transition: transform 200ms var(--ease-out), color 250ms ease;
}
.setor::before { content: ""; position: absolute; inset: 0; background: var(--carbono); z-index: -1; transform: translateY(101%); transition: transform 380ms var(--ease-out); }
.setor-num { color: #8f8c85; }
.setor-icone { width: 30px; height: 30px; fill: none; stroke: var(--laranja); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; margin-top: 4px; }
.setor strong { font-size: clamp(34px, 3vw, 44px); margin-top: auto; }
.setor-linha { font-size: 15px; color: #5d5b56; line-height: 1.4; transition: color 250ms ease; }
.setor-ver { font: 500 12px/1 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--laranja); margin-top: 6px; }
.setor-ver span { display: inline-block; transition: transform 200ms var(--ease-out); }
.setor:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) {
  .setor:hover { color: var(--pedra); }
  .setor:hover::before { transform: none; }
  .setor:hover .setor-linha { color: #c9c6bf; }
  .setor:hover .setor-ver span { transform: translateX(4px); }
}

/* ---------- Janela do setor ---------- */
.janela-setor {
  width: min(1180px, calc(100vw - 32px)); max-height: calc(100svh - 32px); margin: auto; border: 0; padding: 0;
  border-radius: 18px; background: var(--carbono); color: var(--pedra); overflow: hidden;
}
.janela-setor::backdrop { background: rgba(10, 10, 10, .72); backdrop-filter: blur(6px); }
.janela-setor[open] { animation: abre-janela 320ms var(--ease-out); }
@keyframes abre-janela { from { opacity: 0; transform: translateY(16px) scale(.98); } }
.js-topo { display: flex; justify-content: space-between; align-items: flex-start; padding: 22px 26px 18px; border-bottom: 1px solid var(--linha-escura); }
.js-topo .etiqueta { color: var(--cinza-dado); margin-bottom: 8px; }
.js-topo h3 { font-size: clamp(40px, 4.4vw, 64px); color: var(--laranja); }
.fechar { width: 44px; height: 44px; border-radius: 50%; box-shadow: inset 0 0 0 1px #3a3936; font-size: 16px; color: var(--pedra); transition: background-color 200ms ease; flex-shrink: 0; }
.fechar:hover { background: var(--grafite); }
.js-corpo { display: grid; grid-template-columns: minmax(0, 1fr) 300px; min-height: 0; }
.js-lado { padding: 24px; border-left: 1px solid var(--linha-escura); display: flex; flex-direction: column; gap: 14px; }
.js-lado .etiqueta { color: var(--cinza-dado); }
.js-lado ul { list-style: none; display: grid; gap: 10px; }
.js-lado li { font-size: 15px; line-height: 1.4; padding-left: 20px; position: relative; }
.js-lado li::before { content: "→"; position: absolute; left: 0; color: var(--laranja); }
.js-lado small { font: 400 10.5px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--cinza-dado); margin-top: auto; }
.botao-claro-escuro { background: transparent; color: var(--pedra); box-shadow: inset 0 0 0 1.5px #4a4945; justify-content: center; }
.botao-claro-escuro:hover { box-shadow: inset 0 0 0 1.5px var(--pedra); }

/* O botão que dispara a cena: grande e impossível de não ver */
.disparo {
  position: relative; display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 10px;
  background: var(--laranja); color: var(--carbono); border-radius: 14px; padding: 16px 18px;
  font: 700 17px/1.2 var(--texto); text-align: left; transition: transform 160ms var(--ease-out), background-color 200ms ease;
}
.disparo:hover { background: #ff6a1a; }
.disparo:active { transform: scale(.97); }
.disparo::after { content: ""; position: absolute; inset: -5px; border-radius: 19px; border: 2px solid var(--laranja); opacity: 0; pointer-events: none; }
.disparo.rodando::after { animation: anel 900ms var(--ease-out); }
@keyframes anel { from { opacity: .9; transform: scale(.96); } to { opacity: 0; transform: scale(1.08); } }
.play { width: 46px; height: 46px; border-radius: 50%; background: var(--carbono); flex-shrink: 0; position: relative; }
.play::before { content: ""; position: absolute; left: 18px; top: 14px; border-left: 14px solid var(--laranja); border-top: 9px solid transparent; border-bottom: 9px solid transparent; }

/* ---------- Palco das cenas ---------- */
.palco { position: relative; background: var(--papel); color: var(--carbono); height: 540px; padding: 22px; overflow: hidden; display: flex; flex-direction: column; gap: 14px; }
.palco.palco-duplo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.palco .avatar { width: 32px; height: 32px; font-size: 10.5px; }
.c-chat { background: #F1EFEA; border-radius: 12px; display: flex; flex-direction: column; min-height: 0; overflow: hidden; border: 1px solid #e3e0da; }
.c-chat-topo { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border-bottom: 1px solid #e3e0da; }
.c-chat-topo strong { display: block; font-size: 14px; }
.c-chat-topo small { display: block; font-size: 12px; color: #77746d; }
.c-chat-lista { flex: 1; overflow-y: auto; scrollbar-width: none; padding: 14px; display: flex; flex-direction: column; gap: 9px; }
.c-chat-lista::-webkit-scrollbar { display: none; }
.c-log { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.c-log .etiqueta { color: #77746d; }
.c-log ul { list-style: none; display: grid; gap: 6px; }
.c-log li { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 9px; background: #EFEDE8; animation: entra-baixo 300ms var(--ease-out); transition: background-color 700ms ease; }
.c-log li.fresca { background: #FCE6D9; }
.c-log li span { flex: 1; font-size: 14px; font-weight: 500; line-height: 1.35; }
.c-log li b, .c-aviso-item b { font: 500 10.5px/1 var(--mono); padding: 4px 6px; border-radius: 4px; background: var(--carbono); color: var(--laranja); flex-shrink: 0; }
.c-log li b.Sistema { background: #E2DED6; color: #5d5b56; }
.dado { border-radius: 4px; padding: 0 3px; transition: background-color 300ms ease; }
.dado.lido { background: #FCE6D9; }

/* Comercial e agenda: aviso que troca embaixo */
.c-funil-topo, .c-fin-topo { display: flex; justify-content: space-between; align-items: center; color: #77746d; }
.c-num { font: 800 22px/1 var(--display); font-variation-settings: "wdth" 62; color: var(--carbono); margin-left: 6px; }
.c-funil { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; flex: 1; min-height: 0; }
.c-col { background: #EFEDE8; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
.c-col > b { font-size: 12px; font-weight: 600; color: #77746d; }
.c-card { background: #fff; border: 1px solid #e3e0da; border-radius: 8px; padding: 10px; transition: box-shadow 300ms ease, background-color 300ms ease, color 300ms ease; }
.c-card strong { display: block; font-size: 13px; }
.c-card span { display: block; font-size: 12px; color: #77746d; }
.c-card em { display: block; font: 500 10.5px/1 var(--mono); font-style: normal; color: var(--laranja); margin-top: 6px; }
.c-card.apagado { opacity: .5; }
.c-card.destaque { box-shadow: 0 0 0 2px var(--laranja), 0 8px 24px rgba(232, 89, 12, .18); }
.c-card.parado { box-shadow: 0 0 0 2px #c9c5bd; }
.c-card.ganho { background: var(--carbono); color: var(--pedra); border-color: var(--carbono); }
.c-card.ganho span { color: #c9c6bf; }
.c-aviso { min-height: 58px; }
.c-aviso-item { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #e3e0da; border-radius: 10px; padding: 14px 16px; font-size: 15px; animation: entra-baixo 300ms var(--ease-out); }
.c-aviso-item .relogio { font-size: 18px; color: var(--laranja); }

/* Marketing */
.c-mkt { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 14px; flex: 1; min-height: 0; }
.c-mkt-col { background: #EFEDE8; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 12px; position: relative; min-height: 0; }
.c-mkt-col .etiqueta { color: #77746d; }
.c-slides { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.c-slide { aspect-ratio: 4 / 5; border-radius: 8px; background: var(--pedra); border: 1px solid #ddd9d1; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; }
.c-slide span { font: 500 10px/1 var(--mono); color: var(--laranja); }
.c-slide p { font: 800 16px/.95 var(--display); font-variation-settings: "wdth" 62; text-transform: uppercase; }
.c-slide.capa { background: var(--laranja); border-color: var(--laranja); }
.c-slide.capa span { color: var(--carbono); }
.c-semana { display: grid; gap: 6px; }
.c-dia { background: #fff; border-radius: 7px; padding: 8px 10px; min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 8px; transition: box-shadow 300ms ease; }
.c-dia b { font-size: 12px; font-weight: 600; color: #77746d; }
.c-dia.marcado { box-shadow: inset 0 0 0 1.5px var(--laranja); }
.c-chip { font: 500 10.5px/1 var(--mono); background: var(--carbono); color: var(--laranja); padding: 6px 8px; border-radius: 5px; white-space: nowrap; }
.c-mkt-col > .c-chip { position: absolute; bottom: 14px; left: 14px; }
.c-post { background: #fff; border-radius: 10px; border: 1px solid #e3e0da; overflow: hidden; opacity: .35; }
.c-post.no-ar { opacity: 1; }
.c-post-topo { display: flex; align-items: center; gap: 8px; padding: 8px 10px; font-size: 12.5px; }
.c-post-topo .avatar { width: 24px; height: 24px; font-size: 9px; }
.c-post-img { aspect-ratio: 4 / 5; background: #e7e4de; display: flex; align-items: flex-end; padding: 14px; }
.c-post.no-ar .c-post-img { background: var(--laranja); }
.c-post-img p { font: 800 26px/.92 var(--display); font-variation-settings: "wdth" 62; text-transform: uppercase; }
.c-post-base { display: flex; gap: 14px; padding: 9px 10px; font-size: 12.5px; }
.c-post-base b { font-variant-numeric: tabular-nums; }

/* Financeiro */
.c-total { display: flex; align-items: baseline; gap: 10px; }
.c-total small { font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.c-total b { font: 800 40px/1 var(--display); font-variation-settings: "wdth" 62; color: var(--carbono); font-variant-numeric: tabular-nums; }
.c-tabela { display: grid; gap: 6px; }
.c-linha { display: grid; grid-template-columns: 1fr 110px 190px; align-items: center; gap: 12px; background: #fff; border: 1px solid #e3e0da; border-radius: 10px; padding: 13px 16px; transition: background-color 400ms ease; }
.c-linha strong { font-size: 14.5px; font-weight: 600; }
.c-linha > span { font: 400 13px/1 var(--mono); color: #5d5b56; }
.c-linha.ok { background: #F4F2EE; }
.st { justify-self: end; font: 500 11px/1 var(--mono); font-style: normal; padding: 6px 9px; border-radius: 99px; background: #EFEDE8; color: #77746d; white-space: nowrap; }
.st.gerado { background: #E2DED6; color: var(--carbono); }
.st.enviado { background: var(--carbono); color: var(--pedra); }
.st.lembrete { background: #FCE6D9; color: #9A3B07; }
.st.pago { background: var(--laranja); color: var(--carbono); }

/* Documentos */
.c-doc { position: relative; background: #fff; border-radius: 12px; border: 1px solid #e3e0da; padding: 22px; display: flex; flex-direction: column; gap: 12px; font-size: 14px; box-shadow: 0 10px 30px rgba(20, 20, 20, .06); }
.c-doc .etiqueta { color: #77746d; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.campo { display: inline-block; min-width: 120px; border-bottom: 1px dashed #c9c5bd; padding: 0 4px; font-weight: 600; transition: background-color 400ms ease; }
.campo.cheio { border-bottom-color: transparent; background: #FCE6D9; border-radius: 4px; }
.c-voo { position: absolute; z-index: 5; font: 600 13px/1.3 var(--texto); background: var(--laranja); color: var(--carbono); padding: 3px 8px; border-radius: 6px; white-space: nowrap; pointer-events: none; }
.c-assina { margin-top: auto; border-top: 1px solid #eee; padding-top: 8px; }
.c-assina svg { width: 200px; height: 54px; display: block; }
.c-assina path { fill: none; stroke: var(--carbono); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 460; stroke-dashoffset: 460; }
.c-doc.assinando .c-assina path { transition: stroke-dashoffset 1300ms ease-in-out; stroke-dashoffset: 0; }
.c-assina span { font-size: 11.5px; color: #9c9891; }
.c-selo { position: absolute; right: 18px; bottom: 22px; font: 800 22px/1 var(--display); font-variation-settings: "wdth" 62; text-transform: uppercase; color: var(--laranja); border: 2.5px solid var(--laranja); border-radius: 8px; padding: 8px 12px; transform: rotate(-8deg) scale(1.6); opacity: 0; transition: transform 350ms cubic-bezier(.34, 1.56, .64, 1), opacity 200ms ease; }
.c-doc.assinado .c-selo { opacity: 1; transform: rotate(-8deg) scale(1); }

/* Agenda */
.c-agenda { display: grid; grid-template-columns: 44px repeat(5, 1fr); gap: 6px; align-content: start; }
.c-agenda > b { font-size: 12px; font-weight: 600; color: #77746d; text-align: center; }
.c-agenda > em { font: 400 11px/1 var(--mono); font-style: normal; color: #9c9891; align-self: center; }
.c-slot { background: #fff; border: 1px solid #ebe8e2; border-radius: 8px; min-height: 64px; padding: 5px; display: flex; }
.c-marc { flex: 1; border-radius: 6px; background: #FCE6D9; color: #9A3B07; font-size: 12.5px; font-weight: 600; padding: 8px; display: flex; align-items: flex-start; justify-content: space-between; transition: background-color 400ms ease, color 400ms ease; }
.c-marc.apagado { background: #EFEDE8; color: #9c9891; }
.c-marc.conf { background: var(--carbono); color: var(--pedra); }
.c-marc.conf::after { content: "✓"; color: var(--laranja); }

/* Telefone */
.c-tel { margin: auto; width: min(560px, 100%); background: var(--carbono); color: var(--pedra); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 16px; }
.c-tel-quem { display: flex; align-items: center; gap: 12px; }
.c-tel .avatar { width: 46px; height: 46px; background: var(--laranja); color: var(--carbono); font-size: 13px; }
.c-tel-quem div { flex: 1; }
.c-tel-quem strong { display: block; font-size: 16px; }
.c-tel-quem small { display: block; font-size: 12.5px; color: var(--cinza-dado); }
.c-tel-tempo { font: 500 14px/1 var(--mono); color: var(--cinza-dado); }
.c-tel.chamando .avatar { animation: toca 900ms ease-in-out infinite; }
@keyframes toca { 50% { box-shadow: 0 0 0 10px rgba(232, 89, 12, .25); } }
.c-onda { display: flex; align-items: center; gap: 4px; height: 70px; }
.c-onda i { flex: 1; height: 4px; border-radius: 3px; background: #3a3936; transition: background-color 300ms ease; }
.c-onda.falando i { animation: onda 700ms ease-in-out infinite alternate; }
.c-onda.falando.ia i { background: var(--laranja); }
.c-onda.falando.cli i { background: var(--pedra); }
.c-onda i:nth-child(3n) { animation-delay: -.2s; }
.c-onda i:nth-child(3n+1) { animation-delay: -.45s; }
.c-onda i:nth-child(4n) { animation-duration: .5s; }
.c-onda i:nth-child(5n) { animation-duration: .9s; }
@keyframes onda { from { height: 6px; } to { height: 64px; } }
.c-transc { display: grid; gap: 8px; max-height: 190px; overflow-y: auto; scrollbar-width: none; }
.c-transc p { font-size: 14.5px; line-height: 1.4; color: #d9d6cf; animation: entra-baixo 300ms var(--ease-out); }
.c-transc p b { font: 500 11px/1 var(--mono); margin-right: 8px; color: var(--laranja); }
.c-transc p.cli b { color: var(--pedra); }
.c-tags { display: flex; flex-wrap: wrap; gap: 8px; min-height: 30px; }
.c-tags span { font: 500 11.5px/1 var(--mono); background: var(--grafite); color: var(--pedra); padding: 8px 10px; border-radius: 6px; }
.c-tags span:first-child { background: var(--laranja); color: var(--carbono); }

/* Pós-venda */
.c-google { background: #fff; border-radius: 12px; border: 1px solid #e3e0da; padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.c-google .etiqueta { color: #77746d; }
.c-nota { display: flex; align-items: center; gap: 12px; }
.c-nota b { font: 800 52px/1 var(--display); font-variation-settings: "wdth" 62; }
.c-estrelas { color: var(--laranja); letter-spacing: 2px; font-size: 18px; }
.c-nota small { color: #77746d; font-size: 13px; }
.c-review { border-top: 1px solid #eee; padding-top: 16px; opacity: 0; transform: translateY(10px); transition: opacity 400ms var(--ease-out), transform 400ms var(--ease-out); }
.c-review.aparece { opacity: 1; transform: none; }
.c-rev-topo { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.c-estrelas-novas { margin: 10px 0 8px; font-size: 26px; letter-spacing: 3px; }
.c-estrelas-novas i { font-style: normal; color: #e3e0da; display: inline-block; transition: color 200ms ease, transform 300ms cubic-bezier(.34, 1.56, .64, 1); }
.c-estrelas-novas i.on { color: var(--laranja); transform: scale(1.18); }
.c-review p { font-size: 15px; min-height: 44px; }


/* ---------- Chamada para clicar nos setores ---------- */
.setor-ver { display: inline-flex; align-items: center; gap: 8px; }
.mini-play { width: 22px; height: 22px; border-radius: 50%; background: var(--laranja); position: relative; flex-shrink: 0; }
.mini-play::before { content: ""; position: absolute; left: 8px; top: 6px; border-left: 8px solid var(--carbono); border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.mini-play::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--laranja); opacity: 0; }
.setor { transition: transform 200ms var(--ease-out), color 250ms ease, box-shadow 400ms ease; }
.setor.chama { box-shadow: inset 0 0 0 2px var(--laranja); }
.setor.chama .mini-play::after { animation: pulso 1.6s var(--ease-out) infinite; }
@keyframes pulso { from { opacity: .9; transform: scale(.8); } to { opacity: 0; transform: scale(1.7); } }

/* ---------- Abas das cenas dentro da janela ---------- */
.atos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.atos button { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 99px; background: var(--grafite); color: #c9c6bf; font: 600 13.5px/1 var(--texto); transition: background-color 200ms ease, color 200ms ease; }
.atos button span { font: 500 10.5px/1 var(--mono); color: var(--cinza-dado); }
.atos button:hover { color: var(--pedra); }
.atos button.on { background: #3a3936; color: var(--pedra); }
.atos button.on span { color: var(--laranja); }
.atos button i { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--laranja); transform-origin: left; transform: scaleX(0); }
.atos button.on i { animation: enche var(--dur, 8s) linear forwards; }
@keyframes enche { to { transform: scaleX(1); } }

/* Lista genérica com coluna do meio mais larga */
.c-tabela.media .c-linha { grid-template-columns: 1fr 1fr 210px; }
.st.ligando { background: var(--laranja); color: var(--carbono); animation: pisca 900ms ease-in-out infinite alternate; }
@keyframes pisca { to { opacity: .55; } }
.c-dois { display: flex; gap: 22px; }
.c-dois > span { display: flex; align-items: baseline; gap: 8px; }
.c-dois small { font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.c-dois b { font: 800 34px/1 var(--display); font-variation-settings: "wdth" 62; color: var(--carbono); font-variant-numeric: tabular-nums; }
.c-dois b.sai { color: #77746d; }

/* Atendimento · caixa de entrada */
.c-caixa { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-content: start; }
.c-conv { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #e3e0da; border-radius: 10px; padding: 11px 12px; }
.c-conv > div { flex: 1; min-width: 0; }
.c-conv strong { font-size: 13.5px; }
.c-conv p { font-size: 13px; color: #5d5b56; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c-conv .st { font-size: 10px; padding: 5px 7px; }
.c-intencao { display: inline-block; margin-top: 4px; font: 500 10px/1 var(--mono); background: #FCE6D9; color: #9A3B07; padding: 3px 6px; border-radius: 4px; animation: entra-baixo 250ms var(--ease-out); }

/* Marketing · comentários */
.palco.palco-marketing-1 { grid-template-columns: 300px minmax(0, 1fr); }
.palco-marketing-1 .c-post { align-self: start; }
.c-ficha .campo { margin-left: 4px; }
.c-coments { display: flex; flex-direction: column; gap: 12px; min-height: 0; }
.c-coment-lista { display: grid; gap: 8px; }
.c-coment { background: #fff; border: 1px solid #e3e0da; border-radius: 10px; padding: 10px 12px; font-size: 13.5px; }
.c-coment > b { font-weight: 700; margin-right: 4px; }
.c-resp { margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: var(--carbono); color: var(--pedra); font-size: 13px; animation: entra-baixo 300ms var(--ease-out); }
.c-resp b { font: 500 10px/1 var(--mono); color: var(--laranja); margin-right: 6px; }

/* Financeiro · entradas e saídas */
.c-fluxo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; flex: 1; min-height: 0; }
.c-fluxo-col { background: #EFEDE8; border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.c-fluxo-col .etiqueta { color: var(--laranja); }
.c-fluxo-col.saida .etiqueta { color: #77746d; }
.c-mov { display: flex; justify-content: space-between; align-items: center; gap: 10px; background: #fff; border-radius: 9px; padding: 10px 12px; }
.c-mov strong { display: block; font-size: 13.5px; }
.c-mov > b { font: 600 14px/1 var(--mono); color: var(--laranja); white-space: nowrap; }
.saida .c-mov > b { color: var(--carbono); }
.c-cat { display: block; font: 500 10.5px/1 var(--mono); color: #9c9891; margin-top: 5px; min-height: 11px; opacity: 0; transition: opacity 300ms ease; }
.c-cat.on { opacity: 1; }

/* Financeiro · balanço */
.c-balanco { display: flex; flex-direction: column; gap: 18px; flex: 1; }
.c-bal-barras { display: grid; gap: 10px; }
.c-bal-linha, .c-cat-linha { display: grid; grid-template-columns: 90px 1fr 120px; align-items: center; gap: 12px; }
.c-bal-linha span { font-size: 14px; font-weight: 600; }
.c-bal-linha b { font: 800 26px/1 var(--display); font-variation-settings: "wdth" 62; text-align: right; font-variant-numeric: tabular-nums; }
.c-bal-trilho { height: 26px; border-radius: 6px; background: #EFEDE8; overflow: hidden; }
.c-bal-trilho i { display: block; height: 100%; width: 0; border-radius: 6px; transition: width 1200ms cubic-bezier(.23,1,.32,1); }
.c-bal-trilho i.ent { background: var(--laranja); }
.c-bal-trilho i.sai { background: var(--carbono); }
.c-bal-baixo { display: grid; grid-template-columns: 1fr 1.3fr; gap: 14px; }
.c-saldo { background: var(--carbono); color: var(--pedra); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 6px; opacity: .25; transition: opacity 400ms ease; }
.saldo-on .c-saldo { opacity: 1; }
.c-saldo small { font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--cinza-dado); }
.c-saldo b { font: 800 54px/1 var(--display); font-variation-settings: "wdth" 62; color: var(--laranja); font-variant-numeric: tabular-nums; }
.c-saldo span { font-size: 14px; color: #c9c6bf; }
.c-cats { background: #EFEDE8; border-radius: 12px; padding: 14px; display: grid; gap: 8px; align-content: start; }
.c-cats .etiqueta { color: #77746d; }
.c-cat-linha { grid-template-columns: 90px 1fr 40px; font-size: 13px; }
.c-cat-linha b { font: 500 12px/1 var(--mono); text-align: right; }
.c-bal-trilho.fino { height: 10px; background: #fff; }
.c-bal-trilho.fino i { background: var(--carbono); }
.cats-on .c-bal-trilho.fino i { width: var(--w); }
.c-cats .c-cat-linha:nth-child(2) .c-bal-trilho.fino i { background: var(--laranja); }
.c-bal-ia { display: flex; gap: 10px; align-items: flex-start; background: #fff; border: 1px solid #e3e0da; border-radius: 10px; padding: 12px 14px; min-height: 48px; opacity: 0; transition: opacity 300ms ease; }
.ia-on .c-bal-ia { opacity: 1; }
.c-bal-ia b { font: 500 10.5px/1 var(--mono); padding: 4px 6px; border-radius: 4px; background: var(--carbono); color: var(--laranja); }
.c-bal-ia p { font-size: 14.5px; font-weight: 500; }

/* Documentos · RG lido */
.c-rg { position: relative; width: 210px; aspect-ratio: 1.55; border-radius: 10px; background: #DCE3DA; border: 1px solid #c7cfc5; padding: 12px; display: grid; grid-template-columns: 54px 1fr; grid-template-rows: repeat(3, 10px); gap: 10px; align-content: center; overflow: hidden; }
.c-rg-foto { grid-row: 1 / 4; height: 70px; border-radius: 6px; background: #b9c3b7; }
.c-rg-l { height: 8px; border-radius: 4px; background: #a8b2a6; }
.c-rg-l.curta { width: 60%; }
.c-scan { position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--laranja); opacity: 0; }
.c-rg.lendo .c-scan { opacity: 1; animation: scan 900ms ease-in-out infinite alternate; }
@keyframes scan { to { top: calc(100% - 3px); } }
.c-ficha .c-selo { font-size: 18px; }

/* Agenda · encaixe */
.c-vaga { display: flex; align-items: center; gap: 14px; background: var(--carbono); color: var(--pedra); border-radius: 12px; padding: 16px 18px; transition: background-color 400ms ease, color 400ms ease; }
.c-vaga .etiqueta { color: var(--laranja); }
.c-vaga strong { flex: 1; font: 800 28px/1 var(--display); font-variation-settings: "wdth" 62; text-transform: uppercase; }
.c-vaga.livre { background: #fff; color: var(--carbono); outline: 2px dashed var(--laranja); outline-offset: -2px; }
.c-vaga.encaixe { background: var(--laranja); color: var(--carbono); }
.c-vaga.encaixe .etiqueta { color: var(--carbono); }

/* Pós-venda · alerta */
.c-alerta { background: #fff; border: 1px solid #e3e0da; border-radius: 12px; padding: 16px; display: grid; gap: 6px; opacity: .3; transition: opacity 300ms ease, box-shadow 300ms ease; }
.c-alerta .etiqueta { color: #77746d; }
.c-alerta strong { font-size: 17px; }
.c-alerta span { font-size: 13.5px; color: #5d5b56; }
.c-alerta em { font: 500 11px/1 var(--mono); font-style: normal; color: #9A3B07; margin-top: 4px; }
.c-alerta.on { opacity: 1; box-shadow: 0 0 0 2px var(--laranja); animation: alerta 700ms ease-in-out 3; }
.c-alerta.assumido { box-shadow: 0 0 0 2px var(--carbono); animation: none; }
.c-alerta.assumido em { color: var(--carbono); }
@keyframes alerta { 50% { box-shadow: 0 0 0 6px rgba(232, 89, 12, .35); } }
.msg.equipe p { background: var(--laranja); color: var(--carbono); }

@media (max-width: 960px) {
  .setores .topo, .relatorios .topo { grid-template-columns: 1fr; gap: 20px; }
  .grade-setores { grid-template-columns: repeat(2, 1fr); }
  .js-corpo { grid-template-columns: minmax(0, 1fr); }
  .js-lado { border-left: 0; border-top: 1px solid var(--linha-escura); }
  .palco { height: 480px; }
}
@media (max-width: 600px) {
  .grade-setores { gap: 8px; }
  .setor { min-height: 0; padding: 16px; }
  .setor-linha { display: none; }
  .setor strong { font-size: 30px; }
  .janela-setor { width: 100vw; max-width: 100vw; max-height: 100svh; height: 100svh; border-radius: 0; overflow-y: auto; }
  .js-topo { padding: 16px; }
  .js-lado { padding: 16px; }
  .palco { height: 470px; padding: 12px; }
  .palco.palco-duplo { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) auto; }
  .palco-duplo .c-log ul { max-height: 130px; overflow: hidden; }
  .palco-duplo .c-google { padding: 12px; gap: 8px; }
  .palco-duplo .c-doc { padding: 12px; gap: 6px; font-size: 12.5px; }
  .c-mkt { grid-template-columns: 1fr 1fr; }
  .c-mkt-col:nth-child(2) { display: none; }
  .c-linha { grid-template-columns: 1fr auto; padding: 10px 12px; }
  .c-linha > span { display: none; }
  .c-funil { gap: 4px; }
  .c-col { padding: 6px; }
  .c-card { padding: 6px; }
  .c-card span, .c-card em { display: none; }
  .c-agenda { grid-template-columns: 30px repeat(5, 1fr); gap: 3px; }
  .c-caixa, .c-fluxo, .c-bal-baixo { grid-template-columns: 1fr; }
  .c-caixa .c-conv:nth-child(n+5) { display: none; }
  .c-tabela.media .c-linha, .c-linha { grid-template-columns: minmax(0, 1fr) auto; }
  .c-linha strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .c-linha .st { max-width: 48vw; overflow: hidden; text-overflow: ellipsis; }
  .c-fin-topo { flex-wrap: wrap; gap: 6px; }
  .palco > *, .c-tabela { min-width: 0; }
  .c-dois { gap: 12px; }
  .c-dois b { font-size: 24px; }
  .c-dois small { font-size: 9px; }
  .c-fluxo-col .c-mov:nth-of-type(n+4) { display: none; }
  .c-bal-linha { grid-template-columns: 64px 1fr 90px; }
  .c-bal-linha b { font-size: 20px; }
  .c-saldo b { font-size: 38px; }
  .c-cats { display: none; }
  .palco.palco-marketing-1 { grid-template-columns: 1fr; }
  .palco-marketing-1 .c-post { display: none; }
  .atos button { padding: 8px 11px; font-size: 12.5px; }
  .c-marc { font-size: 10px; padding: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .janela-setor[open] { animation: none; }
  .c-onda.falando i, .c-tel.chamando .avatar { animation: none; }
}