/* ATENA · Reuniões: agenda, página da reunião (transcrição, análise,
 * conferência) e padrões. Componentes do kit (at-card, at-badge, at-kpi,
 * at-progress-list, at-dl, at-segmented…); aqui só a arrumação, com tokens. */

/* ---------- barra: abas, filtros e o estado das integrações ---------- */
.reun-barra { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); margin-bottom: var(--space-5); }
.reun-barra .navegacao-modulo { margin-bottom: 0; }
.reun-barra__espaco { flex: 1; }
.at-select.reun-escopo { width: auto; min-width: 170px; }
.reun-integracoes { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.reun-filtros { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-3); min-width: 0; }
.reun-filtros .at-select { width: auto; min-width: 180px; max-width: 260px; }
.reun-kpis { margin-bottom: var(--space-5); }
.reun-kpis .at-kpi__hint a { font-weight: 700; }

/* valor ausente */
.reun-nada { color: var(--ink-faint); font-weight: 500; }

/* esqueletos */
.reun-esq-cabeca { display: grid; gap: var(--space-2); margin-bottom: var(--space-6); max-width: 420px; }
.reun-esq-linha { display: flex; align-items: center; gap: var(--space-3); }
.reun-esq-bloco { height: 96px; }

/* ---------- agenda ---------- */
.reun-agenda { align-items: start; }
.reun-coluna { gap: var(--space-4); min-width: 0; }
.reun-bloco { min-width: 0; }
.reun-bloco .at-empty { padding: var(--space-6) var(--space-4); }
.reun-bloco .at-empty__art { width: 96px; height: auto; }
.reun-lista { display: flex; flex-direction: column; }

.reun-item {
  display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-2); border-bottom: 1px solid var(--line); border-radius: var(--radius-sm); cursor: pointer;
  transition: background-color var(--duration-fast) var(--ease-standard);
}
.reun-item:last-child { border-bottom: 0; }
.reun-item:hover { background: var(--brand-soft-hover); }
.reun-item:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -2px; }
.reun-item.is-cancelada .reun-item__nome { color: var(--ink-muted); text-decoration: line-through; }
.reun-quando { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; font-variant-numeric: tabular-nums; }
.reun-quando__dia { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--ink-muted); text-transform: lowercase; }
.reun-quando__hora { font-size: 16px; line-height: 22px; font-weight: 800; color: var(--ink); }
.reun-item__corpo { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.reun-item__nome { font-weight: 700; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reun-item__nome:hover { color: var(--brand-text); }
.reun-item__meta { font-size: 13px; line-height: 18px; color: var(--ink-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reun-item__selos { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-top: var(--space-1); min-width: 0; }
/* tela estreita: o badge longo quebra em vez de sair do card */
.reun-item__selos .at-badge, .reun-lead-selos .at-badge { max-width: 100%; height: auto; min-height: 22px; white-space: normal; }

/* ---------- a página da reunião ---------- */
.reun-pagina { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--space-4); align-items: start; }
.reun-principal, .reun-lado { gap: var(--space-4); min-width: 0; }
.reun-pendencias { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.reun-card-topo { align-items: flex-start; flex-wrap: wrap; }
.reun-card-topo > div:first-child { min-width: 0; }
.reun-card-topo p { margin-top: 2px; }

/* dados e lead (coluna da direita) */
.reun-dados { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.reun-dados .at-card__header { margin-bottom: 0; align-self: stretch; }
.reun-dados .at-dl { grid-template-columns: 96px 1fr; align-self: stretch; }
.reun-link { display: inline-flex; align-items: center; gap: var(--space-1); font-weight: 700; overflow-wrap: anywhere; }
.reun-convidados { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-weight: 500; font-size: 13px; }
.reun-lead-nome { font-weight: 800; font-size: 16px; line-height: 22px; margin: 0; }

/* aviso de gravação (LGPD) */
.reun-lgpd {
  display: flex; align-items: flex-start; gap: var(--space-2); margin: 0; padding: var(--space-3) var(--space-4);
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--info-soft); color: var(--ink);
  font-size: 13px; line-height: 18px; font-weight: 500;
}
.reun-lgpd > .at-icon { flex: none; color: var(--info); margin-top: 1px; }
.reun-lgpd--pe { background: var(--surface-sunken); }
.reun-lgpd--pe > .at-icon { color: var(--ink-muted); }
.reun-convidar { min-width: 0; overflow-wrap: anywhere; }
.reun-ajuda-google { display: flex; align-items: center; gap: var(--space-2); }

/* análise */
.reun-analisando { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-4); color: var(--ink-secondary); font-weight: 600; }
.reun-girando { animation: at-spin 1s linear infinite; color: var(--brand-text); }
.reun-erro { display: flex; align-items: flex-start; gap: var(--space-2); margin: 0; color: var(--danger); font-weight: 600; }
.reun-analise.is-new { animation: at-highlight 1.6s var(--ease-out) both; }
.reun-sinais { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-2); }
.reun-sinal { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--surface-sunken); min-width: 0; }
.reun-sinal__rotulo, .reun-achado__resposta-rotulo { font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-muted); }
.reun-subtitulo { display: flex; align-items: center; gap: var(--space-2); margin: var(--space-5) 0 var(--space-2); font-size: 15px; line-height: 22px; font-weight: 800; color: var(--ink); }
.reun-subtitulo .at-icon { color: var(--brand-text); }
.reun-resumo { margin: 0; padding-left: var(--space-5); display: grid; gap: var(--space-2); }
.reun-resumo li { padding-left: var(--space-1); }
.reun-resumo li > span { font-weight: 600; margin-right: var(--space-2); }

/* o trecho literal: clicar leva até a fala */
.reun-trecho {
  display: inline; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; text-align: left;
  font: inherit; font-size: 13px; line-height: 20px; font-style: italic; font-weight: 500; color: var(--ink-secondary);
  border-bottom: 1px dashed var(--line-strong); transition: color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);
}
.reun-trecho:hover { color: var(--brand-text); border-bottom-color: var(--brand-text); }
.reun-trecho:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: var(--radius-xs); }

/* itens para conferir */
.reun-achados { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
.reun-achado {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); padding: var(--space-3) var(--space-4); min-width: 0;
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-raised);
  transition: border-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);
}
.reun-achado.is-confirmado { border-color: var(--success-soft); }
.reun-achado.is-descartado { opacity: 0.6; }
.reun-achado.is-descartado .reun-trecho { text-decoration: line-through; }
.reun-achado__topo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); align-self: stretch; }
.reun-achado__rotulo { font-weight: 800; color: var(--ink); }
.at-select.reun-achado__cat { font-weight: 700; max-width: 100%; min-width: 0; }
.reun-achado__acoes { display: inline-flex; gap: var(--space-1); margin-left: auto; }
.reun-achado__acoes .at-btn[aria-pressed="true"].reun-acao-ok { background: var(--success-soft); color: var(--success); }
.reun-achado__acoes .at-btn[aria-pressed="true"].reun-acao-fora { background: var(--danger-soft); color: var(--danger); }
.reun-achado__desc { margin: 0; font-size: 14px; line-height: 20px; color: var(--ink); font-weight: 500; }
.reun-achado__resposta { display: flex; flex-direction: column; gap: 2px; padding-left: var(--space-3); border-left: 2px solid var(--line-strong); font-size: 13px; line-height: 18px; }

.reun-perda {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-top: var(--space-4); padding: var(--space-3) var(--space-4);
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--warning-soft);
}
.reun-perda > .at-icon { flex: none; color: var(--warning); }
.reun-perda .cresce { display: flex; flex-direction: column; min-width: 200px; }
.reun-conferir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.reun-conferir p { display: flex; align-items: center; gap: var(--space-2); margin: 0; flex: 1 1 260px; }

/* transcrição */
.reun-busca-fala { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); margin-bottom: var(--space-3); }
.reun-busca-fala .at-input-group { flex: 1 1 260px; max-width: 420px; }
.reun-falas {
  list-style: none; margin: 0; padding: var(--space-1); display: flex; flex-direction: column; gap: var(--space-1);
  max-height: 70vh; overflow-y: auto; position: relative; overscroll-behavior: contain;
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface);
}
.reun-fala { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); }
.reun-fala--academia { background: var(--surface-raised); }
.reun-fala.is-new { animation: at-highlight 1.6s var(--ease-out) both; }
.reun-fala__sem { width: 24px; }
.reun-fala__corpo { min-width: 0; }
.reun-fala__quem { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); font-size: 13px; line-height: 18px; }
.reun-fala__quem strong { color: var(--ink); }
.reun-fala__papel { font-size: 11px; font-weight: 700; color: var(--brand-text); }
.reun-fala__hora { color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.reun-fala__texto { margin: 2px 0 0; font-size: 14px; line-height: 22px; font-weight: 500; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
mark.reun-achou { background: var(--gold-soft); color: var(--ink); border-radius: var(--radius-xs); padding: 0 1px; }
mark.reun-destaque { background: var(--brand-soft); color: var(--ink); border-radius: var(--radius-xs); padding: 0 1px; box-shadow: inset 0 -2px 0 var(--brand); }
.reun-busca { display: flex; align-items: flex-start; gap: var(--space-2); margin: 0; font-size: 13px; line-height: 18px; color: var(--ink-secondary); }
.reun-busca > .at-icon { flex: none; margin-top: 1px; }
.reun-centro { justify-content: center; }
.reun-transcricao .at-empty { padding: var(--space-8) var(--space-4); }
.reun-transcricao .at-empty__art { width: 112px; height: auto; }
.reun-aviso-troca { display: flex; align-items: center; gap: var(--space-2); margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); background: var(--warning-soft); color: var(--ink); font-weight: 600; font-size: 13px; }
.reun-aviso-troca > .at-icon { color: var(--warning); flex: none; }
.at-textarea.reun-colar { min-height: 240px; font-family: var(--font-mono); font-size: 13px; line-height: 20px; }

/* ---------- padrões ---------- */
.reun-carregando { opacity: 0.5; pointer-events: none; transition: opacity var(--duration-fast) var(--ease-standard); }
.reun-nota { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-2) var(--space-3); margin: 0 0 var(--space-4); padding: var(--space-3) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--warning-soft); font-size: 14px; line-height: 20px; font-weight: 500; }
.reun-nota > .at-icon { color: var(--warning); }
.reun-nota a { font-weight: 700; white-space: nowrap; }
.reun-graficos { align-items: start; }
.reun-graficos > .at-card { min-width: 0; }
.reun-padroes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.reun-padrao { display: flex; flex-direction: column; gap: var(--space-2); }
/* o nome da categoria inteiro (quebra em duas linhas se precisar) */
.reun-padrao .at-progress-row { grid-template-columns: minmax(140px, 200px) minmax(60px, 1fr) auto; }
.reun-padrao .at-progress-row__label { white-space: normal; }
.reun-graficos__coluna { gap: var(--space-4); min-width: 0; }
.reun-padrao__meta { margin: 0; font-size: 12px; line-height: 16px; color: var(--ink-muted); }
.reun-exemplos { list-style: none; margin: 0; padding: 0 0 0 var(--space-3); display: grid; gap: var(--space-1); border-left: 2px solid var(--line); }
.reun-exemplo { display: flex; flex-direction: column; padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); color: var(--ink); transition: background-color var(--duration-fast) var(--ease-standard); }
.reun-exemplo:hover { background: var(--brand-soft-hover); text-decoration: none; color: var(--ink); }
.reun-exemplo__trecho { font-size: 13px; line-height: 19px; font-style: italic; font-weight: 500; color: var(--ink-secondary); }
.reun-exemplo__quem { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--brand-text); }
.reun-perdas__grade { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--space-4); align-items: start; }
.reun-perdas__leads td:first-child { min-width: 140px; }
.reun-perdas__motivos td:first-child { min-width: 120px; }

/* ---------- drawer do lead (card Reuniões) ---------- */
.reun-lead-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.reun-lead-item { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2) 0; border-bottom: 1px solid var(--line); }
.reun-lead-item:last-child { border-bottom: 0; }
.reun-lead-quando { display: flex; flex-direction: column; min-width: 64px; font-variant-numeric: tabular-nums; font-size: 13px; line-height: 18px; }
.reun-lead-quando span { color: var(--ink-muted); }
.reun-lead-selos { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-bottom: 2px; }
.reun-lead-acoes { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-1); }

/* ---------- responsivo ---------- */
@media (max-width: 1100px) {
  .reun-pagina { grid-template-columns: minmax(0, 1fr); }
  .reun-lado { order: -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .reun-perdas__grade { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .reun-barra__espaco { display: none; }
  .reun-filtros, .reun-filtros .at-select, .at-select.reun-escopo { width: 100%; max-width: none; }
  .reun-lado { grid-template-columns: minmax(0, 1fr); order: 0; }
  .reun-padrao .at-progress-row { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--space-1); }
  .reun-padrao .at-progress { grid-column: 1 / -1; grid-row: 2; }
  .reun-nota { grid-template-columns: auto minmax(0, 1fr); }
  .reun-nota a { grid-column: 2; }
  .reun-sinais { grid-template-columns: minmax(0, 1fr); }
  .reun-item { grid-template-columns: 68px minmax(0, 1fr); }
  .reun-item__meet { grid-column: 2; justify-self: start; }
  .reun-falas { max-height: 60vh; }
  .reun-fala { padding: var(--space-2); gap: var(--space-2); }
  .reun-lead-item { flex-wrap: wrap; }
  .reun-lead-acoes { width: 100%; justify-content: flex-start; }
  .reun-perdas__leads td, .reun-perdas__leads th { white-space: nowrap; }
}
.reun-gravacao-auto { display: flex; align-items: center; gap: var(--space-1); margin-top: var(--space-1); font-size: 13px; line-height: 18px; font-weight: 600; color: var(--success); }
.reun-gravacao-auto.is-falhou { color: var(--warning); }