/* ==========================================================================
   ERTEL — Módulo Centro de Planejamento
   ========================================================================== */

.ertel-item-planejamento-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--ertel-space-4);
}
.ertel-item-planejamento-card .ertel-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ertel-space-3);
  padding-bottom: var(--ertel-space-3);
  border-bottom: 1px solid var(--ertel-border);
}
.ertel-item-planejamento-card__codigo {
  font-family: var(--ertel-font-mono);
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
}
.ertel-item-planejamento-card__desc {
  font-weight: var(--ertel-weight-semibold);
  font-size: var(--ertel-text-sm);
  margin-top: 2px;
}
.ertel-item-planejamento-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
}

/* -- Análise de Execução ------------------------------------------------------------- */

.ertel-analise-execucao__grupo {
  margin-bottom: var(--ertel-space-5);
}
.ertel-analise-execucao__grupo-titulo {
  font-size: var(--ertel-text-sm);
  font-weight: var(--ertel-weight-semibold);
  margin-bottom: var(--ertel-space-3);
  padding-bottom: var(--ertel-space-2);
  border-bottom: 1px solid var(--ertel-border);
}
.ertel-analise-execucao__pergunta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ertel-space-3);
  padding: 10px 12px;
  border-radius: var(--ertel-radius-sm);
  font-size: var(--ertel-text-sm);
  margin-bottom: 4px;
}
.ertel-analise-execucao__pergunta[data-destaque="true"] {
  background: var(--ertel-crit-a-bg);
  color: var(--ertel-crit-a);
  font-weight: var(--ertel-weight-medium);
}

/* -- Materiais / Estoque --------------------------------------------------------------- */

.ertel-materiais-lista {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ertel-materiais-lista__row {
  display: flex;
  align-items: center;
  gap: var(--ertel-space-3);
  padding: 10px 12px;
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-sm);
  font-size: var(--ertel-text-sm);
  flex-wrap: wrap;
}
.ertel-materiais-lista__nome {
  flex: 1;
  min-width: 180px;
  display: flex;
  flex-direction: column;
}
.ertel-materiais-lista__fornecedor {
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
}
.ertel-materiais-lista__saldo {
  font-size: var(--ertel-text-xs);
  white-space: nowrap;
}
.ertel-materiais-lista__saldo[data-suficiente="true"] {
  color: var(--ertel-success);
}
.ertel-materiais-lista__saldo[data-suficiente="false"] {
  color: var(--ertel-crit-a);
  font-weight: var(--ertel-weight-semibold);
}

/* -- Riscos ------------------------------------------------------------------------- */

.ertel-riscos-editor {
  display: flex;
  flex-direction: column;
  gap: var(--ertel-space-3);
}
.ertel-riscos-editor__card {
  padding: var(--ertel-space-3);
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-md);
}
.ertel-riscos-editor__linha {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto auto;
  gap: var(--ertel-space-2);
  align-items: center;
}

/* -- Apoio Externo ---------------------------------------------------------------------- */

.ertel-apoio-externo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--ertel-space-2);
}
.ertel-apoio-externo-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-sm);
  font-size: var(--ertel-text-sm);
  cursor: pointer;
}

/* -- Olhar para o Passado (histórico do ativo) ------------------------------------------ */

.ertel-historico-resumo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--ertel-space-3);
  margin-bottom: var(--ertel-space-4);
}
.ertel-historico-resumo__item {
  padding: var(--ertel-space-3);
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-md);
  text-align: center;
}
.ertel-historico-resumo__item strong {
  display: block;
  font-family: var(--ertel-font-mono);
  font-size: var(--ertel-text-lg);
  color: var(--ertel-primary);
}
.ertel-historico-resumo__item span {
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
}
.ertel-historico-resumo__alerta {
  font-size: var(--ertel-text-sm);
  background: rgba(232, 121, 30, 0.14);
  color: #F2B172;
  padding: var(--ertel-space-3);
  border-radius: var(--ertel-radius-md);
  margin-bottom: var(--ertel-space-4);
}
.ertel-historico-resumo__lista {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* -- Painel de Alertas (dashboard) -------------------------------------------------------- */

.ertel-planejamento-alertas__lista {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ertel-planejamento-alertas__item {
  display: flex;
  align-items: center;
  gap: var(--ertel-space-3);
  padding: 10px 12px;
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-sm);
  font-size: var(--ertel-text-sm);
  color: var(--ertel-ink);
  text-decoration: none;
}
.ertel-planejamento-alertas__tipo {
  flex-shrink: 0;
  font-size: var(--ertel-text-xs);
  font-weight: var(--ertel-weight-semibold);
  color: var(--ertel-crit-a);
  padding: 2px 8px;
  background: var(--ertel-crit-a-bg);
  border-radius: 999px;
}

/* -- Olhar para o Presente (board por status) ----------------------------------------------- */

.ertel-planejamento-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--ertel-space-4);
  align-items: start;
}
.ertel-planejamento-coluna {
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-lg);
  padding: var(--ertel-space-3);
}
.ertel-planejamento-coluna__titulo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--ertel-text-sm);
  font-weight: var(--ertel-weight-semibold);
  margin-bottom: var(--ertel-space-3);
}
.ertel-planejamento-coluna__contagem {
  font-family: var(--ertel-font-mono);
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
  background: var(--ertel-surface);
  padding: 1px 7px;
  border-radius: 999px;
}
.ertel-planejamento-coluna__itens {
  display: flex;
  flex-direction: column;
  gap: var(--ertel-space-2);
}

.ertel-planejamento-mini-card {
  display: block;
  padding: var(--ertel-space-3);
  background: var(--ertel-surface);
  border-radius: var(--ertel-radius-md);
  box-shadow: var(--ertel-shadow-sm);
  text-decoration: none;
  color: inherit;
  transition: box-shadow var(--ertel-transition-fast);
}
.ertel-planejamento-mini-card:hover {
  box-shadow: var(--ertel-shadow-lg);
}
.ertel-planejamento-mini-card__codigo {
  font-family: var(--ertel-font-mono);
  font-size: 10.5px;
  color: var(--ertel-muted);
}
.ertel-planejamento-mini-card__desc {
  font-size: var(--ertel-text-sm);
  font-weight: var(--ertel-weight-medium);
  margin: 2px 0 6px;
}
.ertel-planejamento-mini-card__rodape {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
}
.ertel-planejamento-mini-card__gut {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--ertel-primary-soft);
  color: var(--ertel-primary);
  font-family: var(--ertel-font-mono);
  font-weight: var(--ertel-weight-semibold);
}

/* -- Olhar para o Futuro (por horizonte) ----------------------------------------------------- */

.ertel-planejamento-horizonte {
  margin-bottom: var(--ertel-space-5);
}
.ertel-planejamento-horizonte__titulo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--ertel-text-base);
  font-weight: var(--ertel-weight-semibold);
  margin-bottom: var(--ertel-space-2);
}
.ertel-planejamento-horizonte[data-urgente="true"] .ertel-planejamento-horizonte__titulo {
  color: var(--ertel-crit-a);
}
.ertel-planejamento-horizonte__itens {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ertel-planejamento-row-simples {
  display: flex;
  align-items: center;
  gap: var(--ertel-space-3);
  padding: 8px 12px;
  background: var(--ertel-surface);
  border: 1px solid var(--ertel-border);
  border-radius: var(--ertel-radius-sm);
  text-decoration: none;
  color: var(--ertel-ink);
  font-size: var(--ertel-text-sm);
}
.ertel-planejamento-row-simples__desc {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* -- Painel de Pendências (ficha do Item de Planejamento) -------------------------------- */

.ertel-pendencias-painel__topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ertel-space-3);
  margin-bottom: var(--ertel-space-4);
  font-size: var(--ertel-text-sm);
  color: var(--ertel-muted);
}
.ertel-pendencias-painel__lista {
  display: flex;
  flex-direction: column;
  gap: var(--ertel-space-3);
}
.ertel-pendencias-painel__row {
  padding: var(--ertel-space-3) var(--ertel-space-4);
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-md);
  border-left: 3px solid var(--ertel-border);
  min-width: 0;
}
.ertel-pendencias-painel__row[data-bloqueante="true"] {
  border-left-color: var(--ertel-danger);
}
.ertel-pendencias-painel__row-topo {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.ertel-pendencias-painel__row-titulo {
  font-weight: var(--ertel-weight-semibold);
  font-size: var(--ertel-text-sm);
}
.ertel-pendencias-painel__row-desc {
  font-size: var(--ertel-text-sm);
  color: var(--ertel-muted);
  margin-top: 2px;
  overflow-wrap: anywhere;
}
.ertel-pendencias-painel__row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ertel-space-4);
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
  margin-top: 8px;
}
.ertel-pendencias-painel__historico {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--ertel-border);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ertel-pendencias-painel__historico-item {
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
  overflow-wrap: anywhere;
}
.ertel-pendencias-painel__row-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.ertel-pendencias-painel__encerradas {
  margin-top: var(--ertel-space-4);
}
.ertel-pendencias-painel__encerradas summary {
  cursor: pointer;
  font-size: var(--ertel-text-sm);
  color: var(--ertel-muted);
  margin-bottom: var(--ertel-space-3);
}

/* -- Painel de Priorização / Matriz GUT (ficha do Item de Planejamento) ------------------ */

.ertel-gut-painel__topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ertel-space-3);
  margin-bottom: var(--ertel-space-4);
  flex-wrap: wrap;
}
.ertel-gut-painel__resultado {
  font-size: var(--ertel-text-base);
  margin-bottom: 4px;
}
.ertel-gut-painel__resultado strong {
  font-family: var(--ertel-font-mono);
  font-size: var(--ertel-text-lg);
  color: var(--ertel-primary);
}
.ertel-gut-painel__estrelas {
  font-size: var(--ertel-text-sm);
  color: var(--ertel-warning);
  cursor: help;
}
.ertel-gut-painel__estrelas-label {
  color: var(--ertel-muted);
  margin-left: 4px;
}
.ertel-gut-painel__preview {
  font-size: var(--ertel-text-sm);
  padding: var(--ertel-space-3);
  background: var(--ertel-surface-alt);
  border-radius: var(--ertel-radius-sm);
  margin-top: var(--ertel-space-2);
}
.ertel-gut-painel__preview strong {
  font-family: var(--ertel-font-mono);
  color: var(--ertel-primary);
}
table.ertel-gut-painel__tabela {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: var(--ertel-text-sm);
}
.ertel-gut-painel__tabela th,
.ertel-gut-painel__tabela td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--ertel-border);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ertel-gut-painel__tabela thead th {
  color: var(--ertel-muted);
  font-size: var(--ertel-text-xs);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ertel-gut-painel__tabela tr[data-vigente="true"] td {
  font-weight: var(--ertel-weight-semibold);
  color: var(--ertel-success);
}

/* -- Ranking de Priorização (tela própria) ------------------------------------------------ */

.ertel-ranking-lista {
  border: 1px solid var(--ertel-border);
  border-radius: var(--ertel-radius-lg);
  background: var(--ertel-surface);
  overflow-x: auto;
}
table.ertel-ranking-tabela {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 760px;
}
.ertel-ranking-tabela th,
.ertel-ranking-tabela td {
  padding: var(--ertel-space-3) var(--ertel-space-4);
  text-align: left;
  border-bottom: 1px solid var(--ertel-border);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ertel-ranking-tabela th:nth-child(1), .ertel-ranking-tabela td:nth-child(1) { width: 6%; }
.ertel-ranking-tabela th:nth-child(2), .ertel-ranking-tabela td:nth-child(2) { width: 32%; }
.ertel-ranking-tabela th:nth-child(3), .ertel-ranking-tabela td:nth-child(3) { width: 12%; }
.ertel-ranking-tabela th:nth-child(4), .ertel-ranking-tabela td:nth-child(4) { width: 12%; }
.ertel-ranking-tabela th:nth-child(5), .ertel-ranking-tabela td:nth-child(5) { width: 16%; }
.ertel-ranking-tabela th:nth-child(6), .ertel-ranking-tabela td:nth-child(6) { width: 22%; white-space: normal; }
.ertel-ranking-tabela thead th {
  color: var(--ertel-muted);
  font-size: var(--ertel-text-xs);
  font-weight: var(--ertel-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  background: var(--ertel-surface-alt);
}
.ertel-ranking-tabela tbody tr:hover {
  background: var(--ertel-surface-alt);
}
.ertel-ranking-tabela__posicao {
  font-family: var(--ertel-font-mono);
  font-weight: var(--ertel-weight-semibold);
  color: var(--ertel-muted);
}
.ertel-ranking-tabela__item {
  color: var(--ertel-ink);
  text-decoration: none;
  font-weight: var(--ertel-weight-medium);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ertel-ranking-tabela__motivo {
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
  overflow-wrap: anywhere;
  white-space: normal;
}

/* -- Lista de Desejos (seleção manual p/ avaliação GUT em lote) -------------------------- */

.ertel-lista-desejos__toolbar {
  align-items: center;
}
.ertel-lista-desejos__contagem {
  font-size: var(--ertel-text-sm);
  color: var(--ertel-muted);
  margin-right: auto;
}
.ertel-lista-desejos__lista {
  border: 1px solid var(--ertel-border);
  border-radius: var(--ertel-radius-lg);
  background: var(--ertel-surface);
  overflow-x: auto;
}
table.ertel-lista-desejos__tabela {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}
.ertel-lista-desejos__tabela th,
.ertel-lista-desejos__tabela td {
  padding: var(--ertel-space-3) var(--ertel-space-4);
  text-align: left;
  border-bottom: 1px solid var(--ertel-border);
  font-size: var(--ertel-text-sm);
}
.ertel-lista-desejos__tabela th:first-child,
.ertel-lista-desejos__tabela td:first-child {
  width: 40px;
}
.ertel-lista-desejos__tabela thead th {
  color: var(--ertel-muted);
  font-size: var(--ertel-text-xs);
  font-weight: var(--ertel-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  background: var(--ertel-surface-alt);
}
.ertel-lista-desejos__tabela tbody tr:hover {
  background: var(--ertel-surface-alt);
}
.ertel-lista-desejos__tabela a {
  color: var(--ertel-ink);
  text-decoration: none;
  font-weight: var(--ertel-weight-medium);
}
.ertel-lista-desejos__checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.ertel-lista-desejos__tabela tr[data-em-edicao="true"] {
  background: var(--ertel-primary-soft);
}
.ertel-lista-desejos__gut-editor {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}
.ertel-lista-desejos__gut-select {
  width: auto;
  min-width: 56px;
  padding: 3px 6px;
  font-size: var(--ertel-text-xs);
}
.ertel-lista-desejos__gut-resultado {
  font-family: var(--ertel-font-mono);
  font-weight: var(--ertel-weight-semibold);
  color: var(--ertel-primary);
  white-space: nowrap;
}

/* -- Adicionar OS (picker dentro do modal) --------------------------------------------- */

.ertel-lista-desejos__os-picker {
  display: flex;
  flex-direction: column;
  gap: var(--ertel-space-3);
  min-width: 0;
}
.ertel-lista-desejos__os-picker-lista {
  display: flex;
  flex-direction: column;
  gap: var(--ertel-space-2);
  max-height: 360px;
  overflow-y: auto;
}
.ertel-lista-desejos__os-picker-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ertel-space-3);
  padding: var(--ertel-space-3);
  border: 1px solid var(--ertel-border);
  border-radius: var(--ertel-radius-md);
  min-width: 0;
}
.ertel-lista-desejos__os-picker-item > div:first-child {
  min-width: 0;
}

/* -- Central de Ações (pendências em aberto, cross-item) --------------------------------- */

.ertel-central-acoes__resumo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--ertel-space-3);
  margin-bottom: var(--ertel-space-5);
}
.ertel-central-acoes__resumo-item {
  display: flex;
  align-items: center;
  gap: var(--ertel-space-3);
  padding: var(--ertel-space-3) var(--ertel-space-4);
  background: var(--ertel-surface);
  border: 1px solid var(--ertel-border);
  border-left-width: 4px;
  border-radius: var(--ertel-radius-md);
}
.ertel-central-acoes__resumo-emoji {
  font-size: var(--ertel-text-2xl);
  line-height: 1;
}
.ertel-central-acoes__resumo-numero {
  font-family: var(--ertel-font-mono);
  font-weight: var(--ertel-weight-semibold);
  font-size: var(--ertel-text-lg);
}
.ertel-central-acoes__resumo-label {
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
}
.ertel-central-acoes__secao {
  margin-bottom: var(--ertel-space-5);
}
.ertel-central-acoes__secao-titulo {
  font-size: var(--ertel-text-base);
  font-weight: var(--ertel-weight-semibold);
  margin-bottom: var(--ertel-space-3);
}
.ertel-central-acoes__lista {
  display: flex;
  flex-direction: column;
  gap: var(--ertel-space-2);
}
.ertel-central-acoes__linha {
  display: block;
  padding: var(--ertel-space-3) var(--ertel-space-4);
  background: var(--ertel-surface);
  border: 1px solid var(--ertel-border);
  border-radius: var(--ertel-radius-md);
  text-decoration: none;
  color: var(--ertel-ink);
  min-width: 0;
}
.ertel-central-acoes__linha:hover {
  box-shadow: var(--ertel-shadow-sm);
}
.ertel-central-acoes__linha-topo {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ertel-space-3);
  font-size: var(--ertel-text-sm);
}
.ertel-central-acoes__linha-data {
  flex-shrink: 0;
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
  font-family: var(--ertel-font-mono);
}
.ertel-central-acoes__linha-detalhe {
  font-size: var(--ertel-text-xs);
  color: var(--ertel-muted);
  margin-top: 4px;
  overflow-wrap: anywhere;
}

@media (max-width: 480px) {
  .ertel-item-planejamento-grid {
    grid-template-columns: 1fr;
  }
  .ertel-riscos-editor__linha {
    grid-template-columns: 1fr;
  }
  .ertel-planejamento-row-simples {
    flex-wrap: wrap;
  }
  .ertel-pendencias-painel__topo {
    flex-wrap: wrap;
  }
  .ertel-gut-painel__topo {
    flex-direction: column;
    align-items: flex-start;
  }
  .ertel-lista-desejos__toolbar {
    flex-wrap: wrap;
  }
  .ertel-central-acoes__linha-topo {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}