/* Módulo Compras — escopo por id raiz (#comprasRoot / #comprasVgRoot).
   Reusa o design system global (.painel-intro / .painel-grupo-grid / .painel-item /
   .painel-item-arrow / .painel-item-lock do style.css). Aqui só os modificadores
   próprios. */

/* ─── Índice (cards) ─────────────────────────────────────────────────────────── */
/* #operacaoRoot (24/09/2026): o hub Operação usa os mesmos cartões. */
#comprasRoot a.painel-item, #operacaoRoot a.painel-item { text-decoration: none; color: inherit; }
#comprasRoot .compras-item-big, #operacaoRoot .compras-item-big {
    align-items: flex-start;
    padding: 18px 20px;
}
#comprasRoot .compras-item-icon, #operacaoRoot .compras-item-icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    color: var(--accent-dark, var(--accent));
}
#comprasRoot .compras-item-icon svg, #operacaoRoot .compras-item-icon svg { width: 100%; height: 100%; }
#comprasRoot .compras-item-content, #operacaoRoot .compras-item-content { flex: 1; min-width: 0; }
#comprasRoot .compras-item-desc, #operacaoRoot .compras-item-desc {
    font-family: var(--font-body);
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.5;
    margin-top: 4px;
}

/* A "Visão geral de compras" (kanban) saiu em 18/09/2026 — o estilo dela foi
   removido junto. Sobra aqui só o hub. */