/* Aba Atendimento (dist/js/ui/atendimento/). Só tokens do Tabler: vale nos temas claro e escuro. */

#tab-atendimento .at-cabecalho {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
  margin-bottom: .75rem;
}
#tab-atendimento .at-titulo { font-size: calc(1.35rem * var(--aia-text-scale, 1)); font-weight: 700; margin: 0; letter-spacing: -.01em; }
#tab-atendimento .at-subtitulo { color: var(--tblr-secondary); font-size: calc(.85rem * var(--aia-text-scale, 1)); margin-top: .15rem; }
#tab-atendimento .at-segmento .btn {
  border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-secondary);
}
#tab-atendimento .at-segmento .btn.active {
  background: var(--tblr-primary); border-color: var(--tblr-primary); color: #fff;
}
#tab-atendimento .ov-tabs { margin-bottom: 1rem; }
#tab-atendimento .at-carregando { padding: 2rem; color: var(--tblr-secondary); }
#tab-atendimento .at-rodape { margin-top: 1rem; font-size: calc(.78rem * var(--aia-text-scale, 1)); color: var(--tblr-secondary); max-width: 70rem; }
#tab-atendimento .card-subtitle { color: var(--tblr-secondary); font-size: calc(.8rem * var(--aia-text-scale, 1)); margin-top: .15rem; }
#tab-atendimento .at-card-header-acoes { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }

/* KPIs */
#tab-atendimento .at-kpi .card-body { padding-bottom: .25rem; }
#tab-atendimento .at-kpi-linha { display: flex; align-items: baseline; gap: .35rem; margin-top: .25rem; }
#tab-atendimento .at-kpi-valor { font-size: calc(2.4rem * var(--aia-text-scale, 1)); font-weight: 700; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
#tab-atendimento .at-kpi-de { color: var(--tblr-secondary); font-weight: 600; }
#tab-atendimento .at-kpi-rodape { color: var(--tblr-secondary); font-size: calc(.78rem * var(--aia-text-scale, 1)); margin-top: .35rem; }
#tab-atendimento .at-spark { margin: .35rem -.25rem 0; min-height: 56px; }
#tab-atendimento .at-delta {
  font-size: calc(.78rem * var(--aia-text-scale, 1)); font-weight: 600; padding: .1rem .4rem; border-radius: 999px; margin-left: .35rem; white-space: nowrap;
}
#tab-atendimento .at-delta--sobe { color: var(--tblr-green); background: color-mix(in srgb, var(--tblr-green) 14%, transparent); }
#tab-atendimento .at-delta--desce { color: var(--tblr-red); background: color-mix(in srgb, var(--tblr-red) 14%, transparent); }
#tab-atendimento .at-delta--igual { color: var(--tblr-secondary); background: color-mix(in srgb, var(--tblr-secondary) 12%, transparent); }

/* Selo de nota 0–10 */
#tab-atendimento .at-nota {
  display: inline-block; min-width: 2.6rem; padding: .15rem .4rem; border-radius: .4rem; text-align: center;
  font-weight: 700; font-size: calc(.82rem * var(--aia-text-scale, 1)); font-variant-numeric: tabular-nums;
}
#tab-atendimento .at-nota--otima { color: var(--tblr-green); background: color-mix(in srgb, var(--tblr-green) 16%, transparent); }
#tab-atendimento .at-nota--boa { color: var(--tblr-lime, var(--tblr-green)); background: color-mix(in srgb, var(--tblr-lime, var(--tblr-green)) 16%, transparent); }
#tab-atendimento .at-nota--media { color: var(--tblr-orange); background: color-mix(in srgb, var(--tblr-orange) 16%, transparent); }
#tab-atendimento .at-nota--baixa { color: var(--tblr-red); background: color-mix(in srgb, var(--tblr-red) 16%, transparent); }
#tab-atendimento .at-nota--vazia { color: var(--tblr-secondary); }

/* Radar */
#tab-atendimento .at-radar { min-height: 380px; }

/* Funil de estágios */
#tab-atendimento .at-funil { display: grid; gap: .5rem; }
#tab-atendimento .at-funil-linha { display: grid; grid-template-columns: 7.5rem 1fr 2.5rem 2.8rem; align-items: center; gap: .6rem; font-size: calc(.85rem * var(--aia-text-scale, 1)); }
#tab-atendimento .at-funil-linha--fora { opacity: .55; }
#tab-atendimento .at-funil-nome { color: var(--tblr-body-color); }
#tab-atendimento .at-funil-barra { height: .7rem; background: color-mix(in srgb, var(--tblr-secondary) 12%, transparent); border-radius: 999px; overflow: hidden; }
#tab-atendimento .at-funil-barra span { display: block; height: 100%; border-radius: 999px; transition: width .6s ease; }
#tab-atendimento .at-funil-n, #tab-atendimento .at-funil-pct { text-align: right; font-variant-numeric: tabular-nums; }
#tab-atendimento .at-funil-pct { color: var(--tblr-secondary); }
#tab-atendimento .at-funil-medidas { display: flex; gap: 1.5rem; margin-top: 1.1rem; padding-top: .9rem; border-top: 1px solid var(--tblr-border-color); }
#tab-atendimento .at-funil-medidas div { display: flex; flex-direction: column; }
#tab-atendimento .at-funil-medidas strong { font-size: calc(1.5rem * var(--aia-text-scale, 1)); line-height: 1.1; }
#tab-atendimento .at-funil-medidas span { color: var(--tblr-secondary); font-size: calc(.78rem * var(--aia-text-scale, 1)); }
#tab-atendimento .at-nota-rodape { color: var(--tblr-secondary); font-size: calc(.75rem * var(--aia-text-scale, 1)); margin-top: .75rem; }
/* IA × agenda do EVO (card ao lado de "Qualidade × resultado") */
#tab-atendimento .at-evo-resumo { font-size: calc(.85rem * var(--aia-text-scale, 1)); margin-bottom: .75rem; }
#tab-atendimento .at-evo-destaque td { font-weight: 600; background: color-mix(in srgb, var(--tblr-green) 8%, transparent); }

/* Destaques */
#tab-atendimento .at-destaque .card-body { display: flex; gap: .9rem; align-items: flex-start; }
#tab-atendimento .at-destaque-icone {
  flex: none; width: 2.5rem; height: 2.5rem; border-radius: .7rem; display: grid; place-items: center;
}
#tab-atendimento .at-destaque--sobe .at-destaque-icone { color: var(--tblr-green); background: color-mix(in srgb, var(--tblr-green) 14%, transparent); }
#tab-atendimento .at-destaque--alerta .at-destaque-icone { color: var(--tblr-orange); background: color-mix(in srgb, var(--tblr-orange) 14%, transparent); }
#tab-atendimento .at-destaque--juntos .at-destaque-icone { color: var(--tblr-purple); background: color-mix(in srgb, var(--tblr-purple) 14%, transparent); }
#tab-atendimento .at-destaque-titulo { font-weight: 700; margin-bottom: .2rem; }
#tab-atendimento .at-destaque-corpo { color: var(--tblr-secondary); font-size: calc(.86rem * var(--aia-text-scale, 1)); line-height: 1.45; }
#tab-atendimento .at-destaque-corpo strong { color: var(--tblr-body-color); }

/* Gráficos */
#tab-atendimento .at-graf-alto { min-height: 360px; }
#tab-atendimento .at-graf-medio { min-height: 280px; }

/* Tabelas */
#tab-atendimento .at-tabela { font-size: calc(.85rem * var(--aia-text-scale, 1)); }
#tab-atendimento .at-tabela th { font-size: calc(.72rem * var(--aia-text-scale, 1)); text-transform: uppercase; letter-spacing: .03em; color: var(--tblr-secondary); }
#tab-atendimento .at-num { font-variant-numeric: tabular-nums; }
#tab-atendimento .at-crit-nome { font-weight: 600; white-space: nowrap; }
#tab-atendimento .at-crit-barra { height: .55rem; background: color-mix(in srgb, var(--tblr-secondary) 12%, transparent); border-radius: 999px; overflow: hidden; min-width: 8rem; }
#tab-atendimento .at-crit-barra span { display: block; height: 100%; border-radius: 999px; background: currentColor; }
#tab-atendimento .at-crit-evid details summary { cursor: pointer; color: var(--tblr-primary); font-size: calc(.8rem * var(--aia-text-scale, 1)); }
#tab-atendimento .at-crit-evid ul { margin: .4rem 0 0; padding-left: 1rem; color: var(--tblr-secondary); font-size: calc(.8rem * var(--aia-text-scale, 1)); max-width: 34rem; }

/* Lista de atendimentos */
#tab-atendimento .at-filtros { display: flex; gap: .5rem; flex-wrap: wrap; }
#tab-atendimento .at-filtros .form-select, #tab-atendimento .at-filtros .form-control { width: auto; min-width: 12rem; }
#tab-atendimento .at-linha { cursor: pointer; }
#tab-atendimento .at-linha:hover, #tab-atendimento .at-linha--aberta { background: color-mix(in srgb, var(--tblr-primary) 5%, transparent); }
#tab-atendimento .at-linha:focus-visible { outline: 2px solid var(--tblr-primary); outline-offset: -2px; }
#tab-atendimento .at-lead { font-weight: 600; white-space: nowrap; max-width: 12rem; overflow: hidden; text-overflow: ellipsis; }
#tab-atendimento .at-resumo { color: var(--tblr-secondary); min-width: 16rem; max-width: 28rem; }
#tab-atendimento .at-estagio { font-weight: 600; font-size: calc(.78rem * var(--aia-text-scale, 1)); white-space: nowrap; }
#tab-atendimento .at-estagio--agendado, #tab-atendimento .at-estagio--aluno { color: var(--tblr-green); }
#tab-atendimento .at-estagio--interessado { color: var(--tblr-blue); }
#tab-atendimento .at-estagio--esfriando { color: var(--tblr-orange); }
#tab-atendimento .at-estagio--perdido { color: var(--tblr-red); }
#tab-atendimento .at-estagio--sem_resposta, #tab-atendimento .at-estagio--conversando { color: var(--tblr-secondary); }
#tab-atendimento .at-tag {
  display: inline-block; margin-left: .3rem; padding: 0 .35rem; border-radius: .3rem; font-size: calc(.7rem * var(--aia-text-scale, 1));
  color: var(--tblr-secondary); border: 1px solid var(--tblr-border-color);
}
#tab-atendimento .at-detalhe td { background: color-mix(in srgb, var(--tblr-primary) 3%, transparent); }
#tab-atendimento .at-detalhe-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1rem; padding: .4rem 0; }
#tab-atendimento .at-detalhe-titulo { font-weight: 700; font-size: calc(.8rem * var(--aia-text-scale, 1)); text-transform: uppercase; letter-spacing: .03em; margin-bottom: .4rem; color: var(--tblr-secondary); }
#tab-atendimento .at-detalhe-papel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
#tab-atendimento .at-chip { display: grid; grid-template-columns: 1.4rem 1fr; column-gap: .45rem; align-items: start; font-size: calc(.82rem * var(--aia-text-scale, 1)); }
#tab-atendimento .at-chip-nota {
  grid-row: span 2; width: 1.4rem; height: 1.4rem; border-radius: 50%; display: grid; place-items: center;
  font-weight: 700; font-size: calc(.72rem * var(--aia-text-scale, 1)); color: #fff;
}
#tab-atendimento .at-chip--2 .at-chip-nota { background: var(--tblr-green); }
#tab-atendimento .at-chip--1 .at-chip-nota { background: var(--tblr-orange); }
#tab-atendimento .at-chip--0 .at-chip-nota { background: var(--tblr-red); }
#tab-atendimento .at-chip--na { color: var(--tblr-secondary); }
#tab-atendimento .at-chip--na .at-chip-nota { background: color-mix(in srgb, var(--tblr-secondary) 30%, transparent); }
#tab-atendimento .at-chip-evid { color: var(--tblr-secondary); font-size: calc(.76rem * var(--aia-text-scale, 1)); font-style: italic; }

/* Estado vazio */
#tab-atendimento .at-vazio { max-width: 52rem; }
#tab-atendimento .at-vazio h3 { margin-bottom: .5rem; }

/* Resultado medido e "pouca interação" */
#tab-atendimento .at-res-nome { font-weight: 600; white-space: nowrap; }
#tab-atendimento .at-res-ponto { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .45rem; }
#tab-atendimento .at-res-barra-cel { min-width: 10rem; }
#tab-atendimento .at-resultado { font-weight: 600; font-size: calc(.78rem * var(--aia-text-scale, 1)); white-space: nowrap; }
#tab-atendimento .at-resultado--nao_respondeu { color: var(--tblr-secondary); }
#tab-atendimento .at-resultado--conversou { color: var(--tblr-azure); }
#tab-atendimento .at-resultado--ficha { color: var(--tblr-green); }
#tab-atendimento .at-resultado--agendou_evo { color: var(--tblr-cyan); }
#tab-atendimento .at-resultado--compareceu { color: var(--tblr-indigo); }
#tab-atendimento .at-resultado--contrato { color: var(--tblr-teal); }
#tab-atendimento .at-pouca { font-size: calc(.72rem * var(--aia-text-scale, 1)); color: var(--tblr-secondary); font-style: italic; white-space: nowrap; }