/*
 * painel-bi-visual.css — CSS extraído de _painel_bi_visual.py (R-2 CSS pipeline)
 *
 * Fonte: apps/analytics-rh/pages/_internal/styles/_painel_bi_visual.py (294 LOC)
 * Extração: byte-identical para o bloco chart — removido apenas wrapper Python
 * Story: 2.5 — Painel BI VISUAL_ONLY (complemento)
 * Owner: design-multicamadas (Forge)
 * Proto canônico: prototipos/2026-05-06-final-v01/painel-bi-c-final.html
 *
 * RELAÇÃO COM painel-bi.css (R-2.4):
 *   painel-bi.css     — namespace .arh-pbi-* (status bar, KPIs, cards, tabs, segmented,
 *                        ctrl-strip, seg-btn, donut, STF, period-filter arh-pbi-pf-*)
 *   painel-bi-visual.css — classes curtas de chart (chart-area, bar-grp, bar, bar-ab,
 *                           bar-re, chart-lbl) usadas DENTRO de .arh-pbi-content-card
 *
 * SOBREPOSIÇÃO DETECTADA — bloco OMITIDO INTENCIONALMENTE:
 *   O bloco .arh-pbi-period-filter + .arh-pbi-pf-* presente em _painel_bi_visual.py
 *   (linhas 94–294 da fonte Python) JÁ EXISTE em painel-bi.css (linhas 715–820+,
 *   Story 2.16 Onda 3). Reextrair criaria duplicata. Apenas o bloco chart (linhas
 *   25–88 da fonte Python) foi extraído aqui.
 *
 * Namespace: classes curtas sem prefixo (bar, bar-grp, etc.) — idênticas ao proto
 *   HTML para preservar pixel-fidelidade. Não colidem com .arh-pbi-* porque são
 *   usadas DENTRO do .arh-pbi-content-card que já escopeia visualmente.
 *
 * INVENTÁRIO HEX HARDCODED (zero neste arquivo — 100% tokens):
 *   Nenhum hex hardcoded. Todas as cores via var(--bi-abertos), var(--bi-resolvidos),
 *   var(--surface-sunken), var(--text-muted).
 *
 * ⚠ NÃO editar manualmente — fonte canônica é _painel_bi_visual.py no projeto ativo.
 */

/* ================================================================
   PAINEL BI VISUAL_ONLY — classes do proto canônico
   painel-bi-c-final.html (não presentes em _painel_bi.py)
   ================================================================ */

/* Area de grafico de barras — container flex com altura fixa */
.chart-area {
  height: 260px;
  background: var(--surface-sunken);
  border-radius: var(--radius-base);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 12px 8px 28px;
  gap: 3px;
}

/* Grupo de barras (Abertos + Resolvidos) por dia */
.bar-grp {
  display: flex;
  align-items: flex-end;
  gap: 1px;
  flex: 1;
}

/* Barra individual */
.bar {
  border-radius: 2px 2px 0 0;
  min-width: 8px; /* fiel ao modelo painel-bi-c-final.html .bar min-width:8px */
  flex: 1;
  transition: opacity 120ms ease;
}
.bar:hover { opacity: .75; }

/* Barra Abertos — token bi-abertos */
.bar-ab {
  background: var(--bi-abertos);
  opacity: .85;
}

/* Barra Resolvidos — token bi-resolvidos */
.bar-re {
  background: var(--bi-resolvidos);
}

/* Label centrado no rodape do grafico */
.chart-lbl {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: var(--text-muted);
  white-space: nowrap;
  pointer-events: none;
}

/* ── prefers-reduced-motion ── */
@media (prefers-reduced-motion: reduce) {
  .bar { transition: none !important; }
}