/*
 * Checklist ESEN — telas/desempenho.css (#/equipe/desempenho) — segue o DESIGN.md: dados em tabela, números tabulares,
 * status por cor + texto, sem cartões com borda. A barra de período reaproveita .agenda-barra (agenda.css).
 */
.desempenho { display: flex; flex-direction: column; gap: var(--esp-6); }
.desempenho > .agenda-barra { margin-bottom: 0; }
.desemp-indicadores .indicador__valor { font-variant-numeric: tabular-nums; }
.desemp-ind--atencao .indicador__valor { color: var(--cor-atencao-texto); }
.desemp-ind--perigo .indicador__valor { color: var(--cor-perigo-texto); }

.desemp-tabela td { font-variant-numeric: tabular-nums; }
.desemp-pessoa { display: inline-flex; flex-direction: column; min-width: 0; }
.desemp-pessoa--botao {
  flex-direction: row; align-items: center; gap: var(--esp-2); min-height: 40px; padding: 0 var(--esp-2) 0 0;
  border-radius: var(--raio-2); color: var(--cor-texto); font-weight: var(--peso-medio); text-align: left;
}
.desemp-pessoa--botao:hover span:last-child { text-decoration: underline; text-underline-offset: 3px; }
.desemp-pessoa--botao:focus-visible { outline: var(--borda-foco) solid var(--cor-foco); outline-offset: 2px; }
.desemp-linha--sel td { background: var(--cor-destaque-fundo); }
.desemp-num { display: inline-block; min-width: 24px; padding: 0 6px; border-radius: var(--raio-1); font-weight: var(--peso-medio); text-align: center; }
.desemp-num--atencao { background: var(--cor-atencao-fundo); color: var(--cor-atencao-texto); }
.desemp-num--perigo { background: var(--cor-perigo-fundo); color: var(--cor-perigo-texto); }

.desemp-hist__item {
  display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: var(--esp-4);
  padding: var(--esp-3) var(--esp-5); border-top: var(--borda-largura) solid var(--cor-borda-sutil);
}
.desemp-hist__item:first-child { border-top: 0; }
.desemp-hist__quando { display: flex; flex-direction: column; font-size: var(--fs-legenda); line-height: var(--lh-legenda); font-variant-numeric: tabular-nums; }
.desemp-hist__quando .mono { color: var(--cor-texto-2); }
.desemp-hist__texto { min-width: 0; }
.desemp-hist__titulo { font-weight: var(--peso-medio); overflow-wrap: anywhere; }
.desemp-hist__meta { color: var(--cor-texto-2); font-size: var(--fs-rotulo); overflow-wrap: anywhere; }
.desemp-hist__fim { display: flex; align-items: center; gap: var(--esp-4); justify-content: flex-end; }
.desemp-nota { max-width: 80ch; }

@media (max-width: 1023px) {
  .desempenho { gap: var(--esp-5); }
  .desemp-hist__item { grid-template-columns: minmax(0, 1fr); gap: var(--esp-2); padding: var(--esp-3) var(--esp-4); }
  .desemp-hist__quando { flex-direction: row; gap: var(--esp-2); }
  .desemp-hist__fim { justify-content: space-between; }
  .desemp-pessoa--botao { min-height: 44px; }
}
.desemp-tabela td:first-child { white-space: normal; overflow: visible; height: auto; padding-top: var(--esp-2); padding-bottom: var(--esp-2); }
@media (max-width: 1023px) { .desemp-indicadores .indicador:last-child { grid-column: 1 / -1; } }