/* Padroes visuais B/C: apresentacao local, sem mudar contagens ou estados.
   Carregar depois dos estilos de modulo. As superficies editoriais permanecem. */

/* Indicadores de trabalho: uma escala tipografica e a mesma superficie. */
.wt4-kpis,
#esteiraBody .kpi-grid {
  gap: 12px;
}
.wt4-kpis button,
.wt4-kpis button[class],
#esteiraBody .kpi-card {
  min-width: 0;
  padding: 15px 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card);
  box-shadow: 0 2px 6px -4px rgba(15, 23, 42, .18);
}
.wt4-kpis button:hover {
  border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
  transform: translateY(-1px);
}
#esteiraBody .kpi-card:hover {
  transform: none;
  box-shadow: 0 2px 6px -4px rgba(15, 23, 42, .18);
}
.wt4-kpis button b,
#esteiraBody .kpi-num {
  color: var(--text-bright);
  font-family: 'Manrope', sans-serif;
  font-size: 26px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.wt4-kpis button span,
#esteiraBody .kpi-lbl {
  margin-top: 7px;
  color: var(--text);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
}
.wt4-kpis button small,
#esteiraBody .kpi-sub {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.45;
  opacity: 1;
}
.wt4-kpis button.danger:not(.is-clear) {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--border));
  background: color-mix(in srgb, var(--danger) 4%, var(--card));
}
.wt4-kpis button.danger:not(.is-clear) b {
  color: color-mix(in srgb, var(--danger) 88%, #000);
}
.wt4-kpis button.is-clear {
  border-color: var(--border);
  background: var(--card);
}
.wt4-kpis button.is-clear b,
.wt4-kpis button.doing b,
.wt4-kpis button.done b,
.wt4-kpis button.conf b {
  color: var(--text-bright);
}
body.dark .wt4-kpis button.danger:not(.is-clear) b {
  color: color-mix(in srgb, var(--danger) 60%, #fff);
}
body.dark .wt4-recorte .wt-recorte-tabs button.active,
body.dark .wt4-command .wt-scope button.active,
body.dark .wt4-command .wt-filter.active,
body.dark .wt-myagenda-roles button.active,
body.dark .wt-myagenda-roles button.active b {
  background: color-mix(in srgb, #7eaad1 15%, var(--card));
  color: #dce8f3;
}
body.dark .wt-myagenda-person small { color: #aac8e2; }
.wt-myagenda-actions button.urgent.is-clear {
  border-color: var(--border);
  background: var(--card);
  color: var(--muted);
}
body.dark .wt-myagenda-actions button.urgent:not(.is-clear) { color: #f0a6a1; }

/* Etiquetas e sinais do quadro: legiveis sem alterar as cores cadastradas. */
#esteiraBody .qd-tese,
#esteiraBody .qd-lb,
#esteiraBody .qd-lbmore,
#esteiraBody .qd-pap,
#esteiraBody .qd-colcount,
#esteiraBody .qd-colsla,
#esteiraBody .qd-colempty,
#esteiraBody .qd-badge,
#esteiraBody .qd-sub,
#esteiraBody .qd-xref,
#esteiraBody .est-b,
#esteiraBody .est-area,
#esteiraBody .est-hours {
  font-size: 11.5px;
  line-height: 1.4;
}
#esteiraBody .qd-col.qd-vazia .qd-coltit {
  font-size: 11.5px;
}
#esteiraBody .qd-lb,
#esteiraBody .qd-lbmore {
  border-radius: 6px;
  overflow-wrap: anywhere;
}
#esteiraBody .qd-tese,
#esteiraBody .qd-pap {
  letter-spacing: .02em;
}
#esteiraBody .qd-badges {
  row-gap: 6px;
}
body.dark #esteiraBody .qd-badge.due.crit {
  color: color-mix(in srgb, var(--danger) 60%, #fff);
}

/* Contagens de fila sao volume. Badges de erro e de prazo nao entram aqui. */
#viewTabs :is(#triagemBadge, #publicacoesBadge, #opmeEmailBadge, #acoesBadge) {
  background: color-mix(in srgb, var(--primary) 10%, var(--card));
  color: var(--primary-dim);
  font-variant-numeric: tabular-nums;
}
body.dark #viewTabs :is(#triagemBadge, #publicacoesBadge, #opmeEmailBadge, #acoesBadge) {
  background: rgba(126, 170, 209, .15);
  color: #bfdaf1;
}

/* Cobertura: espera se distingue de falha pela classe de estado ja existente. */
.cov-lookup-queue {
  border-color: var(--border);
}
.cov-lookup-queue > header {
  background: color-mix(in srgb, var(--bg2) 75%, var(--card));
}
.cov-lookup-queue > header span {
  color: var(--muted);
  font-size: 11.5px;
  letter-spacing: .06em;
  line-height: 1.4;
}
.cov-lookup-queue > header p,
.cov-lookup-item small {
  font-size: 11.5px;
  line-height: 1.5;
}
.cov-lookup-queue > header button,
.cov-lookup-item button {
  font-family: inherit;
  font-size: 11.5px;
  line-height: 1.35;
}
.cov-lookup-item span {
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
}
.cov-lookup-item b {
  font-size: 13px;
  line-height: 1.4;
}
.cov-lookup-item > i,
.cov-lookup-item.waiting > i {
  background: var(--bg2);
  color: var(--muted);
}
.cov-lookup-item.pending > i {
  background: color-mix(in srgb, var(--warning) 12%, var(--card));
  color: color-mix(in srgb, var(--warning) 70%, #000);
}
.cov-lookup-item.error > i {
  background: color-mix(in srgb, var(--danger) 10%, var(--card));
  color: color-mix(in srgb, var(--danger) 88%, #000);
}
.cov-lookup-item.error span {
  color: color-mix(in srgb, var(--danger) 88%, #000);
}
body.dark .cov-lookup-item.pending > i {
  color: color-mix(in srgb, var(--warning) 65%, #fff);
}
body.dark .cov-lookup-item.error > i,
body.dark .cov-lookup-item.error span {
  color: color-mix(in srgb, var(--danger) 60%, #fff);
}

/* Historico concluido permanece acessivel; alertas de conflito/preparo vencem. */
#viewAgenda .ag-chip.done:not(.conflict):not(.needs-prep) {
  border-left-color: color-mix(in srgb, var(--success) 35%, var(--border));
  background: var(--bg2);
  color: var(--muted);
  text-decoration-color: color-mix(in srgb, var(--muted) 60%, transparent);
  opacity: 1;
}

/* Explicacoes de metricas, junto dos numeros a que se referem. */
.lit-intel-panel[data-lit-state="stale"],
.lit-intel-panel[data-lit-state="unavailable"] {
  border-color: var(--border);
  border-left-color: var(--warning);
}
.lit-intel-panel[data-lit-state="stale"] .lit-intel-status > i,
.lit-intel-panel[data-lit-state="unavailable"] .lit-intel-status > i {
  background: var(--warning);
  box-shadow: none;
}
.lit-intel-warning {
  grid-column: 1 / -1;
  grid-row: 2;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--warning) 8%, var(--card));
  color: var(--text);
  font-size: 11.5px;
  line-height: 1.5;
}
.lit-intel-warning time { font-weight: 750; }
.lit-intel-panel[data-lit-state="stale"] .lit-intel-metrics { grid-column: 2; grid-row: 1; }
.lit-intel-panel[data-lit-state="stale"] .lit-intel-actions { grid-column: 3; grid-row: 1; }
.lit-intel-panel[data-lit-state="unavailable"] { grid-template-columns: minmax(0, 1fr) auto; }
.lit-intel-panel[data-lit-state="unavailable"] .lit-intel-actions { grid-column: 2; grid-row: 1; }
.lit-intel-actions { flex-wrap: wrap; }
/* A barra lateral reduz a largura útil antes do breakpoint móvel do aplicativo. */
@media (max-width: 1280px) {
  .lit-intel-panel,
  .lit-intel-panel[data-lit-state="unavailable"] { grid-template-columns: minmax(0, 1fr); }
  .lit-intel-panel .lit-intel-warning,
  .lit-intel-panel[data-lit-state="stale"] .lit-intel-metrics,
  .lit-intel-panel[data-lit-state="stale"] .lit-intel-actions,
  .lit-intel-panel[data-lit-state="unavailable"] .lit-intel-actions { grid-column: 1; grid-row: auto; }
  .lit-intel-panel .lit-intel-actions { justify-content: flex-start; }
}
.proc5-signals span { font-size: 11.5px; letter-spacing: .035em; }
.proc5-signals small { font-size: 11.5px; line-height: 1.45; }
.proc5-signals .danger.is-clear b { color: #e7edf5; }
#esteiraBody .est-metric-scope {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.5;
}
.proc5-hero .proc5-metric-note {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 11px 18px 13px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: #b8c4d4;
  font-size: 11.5px;
  line-height: 1.5;
}
.proc5-hero .proc5-metric-note b {
  color: #e7edf5;
}
#esteiraBody .est-metric-details {
  margin: -8px 0 18px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--card);
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.5;
}
#esteiraBody .est-metric-details > summary {
  padding: 10px 13px;
  color: var(--text);
  font-weight: 700;
  cursor: pointer;
}
#esteiraBody .est-metric-details > :not(summary) {
  margin: 0 13px 12px;
}
#esteiraBody .est-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
#esteiraBody .est-metric-details > small {
  display: block;
  font-size: 11.5px;
}

@media (max-width: 560px) {
  .wt4-kpis,
  #esteiraBody .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .wt4-kpis button,
  .wt4-kpis button[class],
  #esteiraBody .kpi-card {
    padding: 13px 12px;
  }
  .wt4-kpis button span,
  #esteiraBody .kpi-lbl {
    font-size: 11.5px;
  }
  .cov-lookup-item {
    gap: 10px;
    padding: 13px 14px;
  }
  .cov-lookup-item b {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}