/* Layouts específicos por tela — grades e medidas literais do protótipo. */

/* ===== Hoje ===== */
.hoje-metricas{grid-template-columns:repeat(6,1fr);max-width:1240px}
.hoje-metricas>div{padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.metrica__valor{font-size:38px;font-weight:700;line-height:1;letter-spacing:-.02em}
.metrica__comparacao{font-size:12px;color:var(--ink-55)}
.metrica__comparacao--ruim{color:var(--alert-warn);font-weight:700}
.metrica__split{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:8px;border-top:1px solid var(--gray-line)}
.metrica__split>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-55)}
.quadrado{width:8px;height:8px;flex:0 0 auto;display:inline-block}
.quadrado--web{background:var(--ch-web)}
.quadrado--wa{background:var(--ch-wa)}

.secao--hoje{max-width:1240px}
.alerta{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-left:4px solid transparent}
.alerta--critico{border-left-color:var(--alert-crit)}
.alerta--critico .alerta__icone{color:var(--alert-crit)}
.alerta--atencao{border-left-color:var(--alert-warn)}
.alerta--atencao .alerta__icone{color:var(--alert-warn)}
.alerta__icone{display:flex;align-items:center;flex:0 0 auto;padding-top:1px}
.alerta__corpo{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.alerta__linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.alerta__titulo{font-weight:700;font-size:15px}
.alerta__detalhe{font-size:13px;color:var(--ink-55);line-height:1.5}
.alertas-vazio{border:1px solid var(--gray-line);padding:14px 16px;font-size:14px;color:var(--ink-55)}

.curadoria-item{display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;padding:14px 16px}
.curadoria-item__contagem{font-size:20px;font-weight:700;color:var(--alert-warn)}
.curadoria-item__corpo{display:flex;flex-direction:column;gap:5px;min-width:0}
.curadoria-item__pergunta{font-size:15px;font-weight:600}
.curadoria-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ink-55)}
.curadoria-item__meta .ponto{color:var(--ink-35)}
.curadoria-item__acoes{display:flex;gap:8px;flex:0 0 auto}
.curadoria-item .btn{font-size:16px;padding:8px 14px}

/* ===== Conversas ===== */
.conv-filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:1400px;margin-bottom:14px}
.conv-filtros__fim{margin-left:auto;display:flex;align-items:center;gap:10px}
.conv-contagem{font-size:12px;color:var(--ink-55)}

.conv-tabela{max-width:1400px;border:1px solid var(--gray-line)}
.conv-grade{display:grid;grid-template-columns:74px 104px 62px 56px 250px 1fr 128px;gap:12px;align-items:center}
.conv-tabela__cabecalho{padding:9px 14px;background:var(--ink);color:var(--white)}
.conv-tabela__cabecalho .micro{color:inherit}
.conv-linha{padding:11px 14px;border-top:1px solid var(--gray-line);cursor:pointer;font-size:14px}
.conv-linha:hover,.conv-linha:focus-visible{background:var(--ink-12)}
.conv-linha__id{font-size:12px;color:var(--ink-55)}
.conv-linha__turnos{display:flex;align-items:center;gap:8px}
.conv-linha__proc{display:flex;flex-direction:column;gap:3px;min-width:0}
.conv-linha__proc-origem{display:flex;align-items:center;gap:6px;min-width:0}
.conv-linha__proc-origem>span:last-child{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv-linha__proc-fone{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-55)}
.conv-linha__pergunta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desfecho{font-size:13px;font-weight:600;color:var(--ink)}
.desfecho--reprovacao{color:var(--alert-crit)}
.desfecho--lacuna_aberta{color:var(--alert-warn)}
.desfecho--transferida{color:var(--ink-55)}

.conv-vazio{padding:26px 16px;border-top:1px solid var(--gray-line);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.conv-vazio__titulo{font-size:15px;font-weight:600}
.conv-vazio__detalhe{font-size:13px;color:var(--ink-55)}
.conv-rodape{max-width:1400px;margin-top:10px;font-size:12px;color:var(--ink-55);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.conv-paginacao{display:flex;align-items:center;gap:8px;margin-left:auto}

/* ===== Uso / Qualidade — grade de cards ===== */
.cards-grade{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1400px}

.legenda-canais{max-width:1400px;display:flex;align-items:center;gap:18px;margin-bottom:14px;font-size:12px;color:var(--ink-55)}
.legenda-canais span{display:flex;align-items:center;gap:7px}
.legenda-canais .nota{color:var(--ink-35);display:inline}
.traco{width:22px;height:0;display:inline-block}
.traco--web{border-top:2.5px solid var(--ch-web)}
.traco--wa{border-top:2.5px dashed var(--ch-wa)}
.traco--p50{width:16px;border-top:2.5px solid var(--ink-35)}
.traco--p95{width:16px;border-top:2.5px solid var(--alert-warn)}
.card__legenda{display:flex;gap:14px;font-size:12px;color:var(--ink-55)}
.card__legenda span{display:flex;align-items:center;gap:6px}

.grafico{width:100%;height:170px;display:block}
.grafico--160{height:160px}

.heatmap{display:grid;grid-template-columns:28px repeat(24,1fr);gap:2px}
.heatmap__hora{font-size:8px;color:var(--ink-35);text-align:center}
.heatmap__dia{font-size:10px;color:var(--ink-55);display:flex;align-items:center}
.heatmap__celula{aspect-ratio:1;opacity:var(--o,.05)}
.heatmap__celula--web{background:var(--ch-web)}
.heatmap__celula--wa{background:var(--ch-wa)}

.histograma{display:flex;align-items:flex-end;gap:10px;height:170px}
.histograma__bucket{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;min-width:0}
.histograma__barras{display:flex;align-items:flex-end;gap:2px;width:100%;height:100%}
.histograma__barra{flex:1 1 0;min-width:0;height:var(--w,0%);align-self:flex-end}
.histograma__barra--web{background:var(--ch-web)}
.histograma__barra--wa{background:var(--ch-wa)}
.histograma__rotulo{font-size:11px;color:var(--ink-35)}

.linhas-barra{display:flex;flex-direction:column;gap:9px}
.linha-origem{display:grid;grid-template-columns:98px 260px 1fr 48px;gap:12px;align-items:center;border:0;background:none;padding:0;font-family:inherit;color:inherit;cursor:pointer;text-align:left;width:100%}
.linha-origem--96{grid-template-columns:98px 260px 1fr 96px}
.linha-origem__nome{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linha-origem__contagem{font-size:13px;color:var(--ink-55);text-align:right}
.linha-origem__detalhe{font-size:12px;color:var(--ink-55);text-align:right}

.taxa-auth{display:flex;flex-direction:column;gap:16px}
.taxa-auth__item{display:flex;flex-direction:column;gap:6px}
.taxa-auth__topo{display:flex;justify-content:space-between;align-items:baseline}
.taxa-auth__canal{font-size:13px;display:flex;align-items:center;gap:7px}
.taxa-auth__pct{font-size:22px;font-weight:700}
.taxa-auth__detalhe{font-size:12px;color:var(--ink-55)}
.bolinha{width:9px;height:9px;display:inline-block}
.bolinha--web{background:var(--ch-web)}
.bolinha--wa{background:var(--ch-wa)}

/* ===== Qualidade ===== */
.motivos{display:flex;flex-direction:column;gap:10px}
.motivo{display:grid;grid-template-columns:1fr 44px;gap:12px;align-items:center}
.motivo__rotulo{font-size:13px;display:block;margin-bottom:5px}
.motivo__pct{font-size:12px;color:var(--ink-55);text-align:right}

.card__faixa{border-top:2px solid var(--ink);margin:-18px -18px 14px;padding:14px 18px 0}
.card__faixa h3{margin:0}
.card__faixa p{font-size:12px;color:var(--ink-55);margin:4px 0 0}

.funil{grid-template-columns:repeat(4,1fr)}
.funil__passo{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.funil__rotulo{font-size:12px;color:var(--ink-55)}
.funil__valor{font-size:32px;font-weight:700;line-height:1}
.funil__barras{display:flex;flex-direction:column;gap:5px}
.funil__barra-linha{display:flex;align-items:center;gap:8px}
.funil__barra-rotulo{font-size:11px;color:var(--ink-55);width:52px;flex:0 0 auto}
.funil__abandono{font-size:12px;font-weight:700;color:var(--alert-warn)}

.tabela-grade{display:grid}
.tabela-grade--ferramentas{grid-template-columns:2fr 1fr 1fr 1fr}
.tabela-grade--lacunas{grid-template-columns:2.4fr 1fr 78px 118px 84px 84px 116px}
.tabela-grade .th{
  font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-55);
  font-weight:700;padding:0 0 8px;border-bottom:1px solid var(--gray-line);
}
.tabela-grade .td{font-size:14px;padding:10px 0;border-bottom:1px solid var(--gray-line);min-width:0}
.tabela-grade .td--sec{font-size:13px;color:var(--ink-55)}
.tabela-grade .td--num{text-align:right}
.tabela-grade .th--num{text-align:right}
.tabela-grade .td--chips{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.td--falha{font-weight:700;color:var(--alert-crit)}

.card--wa{border-left:4px solid var(--ch-wa)}
.selo-wa{
  font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;
  background:var(--ch-wa);color:var(--white);padding:3px 7px;
}
.card--wa .card__titulo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.card--wa .card__titulo h3{margin:0}
.wa-grade{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.wa-grade__legenda{font-size:12px;color:var(--ink-55);display:block;margin-bottom:10px}
.wa-midia{display:flex;flex-direction:column;gap:8px}
.wa-midia__linha{display:grid;grid-template-columns:88px 1fr 34px;gap:10px;align-items:center}
.wa-midia__rotulo{font-size:13px}
.wa-midia__contagem{font-size:12px;color:var(--ink-55);text-align:right}
.wa-stat{display:flex;flex-direction:column;gap:5px;border-left:1px solid var(--gray-line);padding-left:24px}
.wa-stat__rotulo,.wa-stat__detalhe{font-size:12px;color:var(--ink-55)}
.wa-stat__valor{font-size:32px;font-weight:700;line-height:1}
.wa-stat__valor--warn{color:var(--alert-warn)}

/* ===== painel de debug (só em modo mock) ===== */
.debug-estado{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}