/* ==========================================================================
   Dashboards — hub dos painéis de acompanhamento (21/08/2026).
   Reusa o design system global (.painel-intro / .painel-grupo-grid /
   .painel-item / .painel-item-arrow do style.css) e repete os modificadores
   de card grande do Compras — escopados em #dashboardsRoot, porque os de lá
   são escopados em #comprasRoot e não valem fora dele.
   ========================================================================== */
.ni-dashboards {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='1'/%3E%3Crect x='13.5' y='3' width='7.5' height='11.5' rx='1'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='1'/%3E%3Crect x='13.5' y='17.5' width='7.5' height='3.5' rx='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='1'/%3E%3Crect x='13.5' y='3' width='7.5' height='11.5' rx='1'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='1'/%3E%3Crect x='13.5' y='17.5' width='7.5' height='3.5' rx='1'/%3E%3C/svg%3E");
}

/* ─── Índice (cards) ─────────────────────────────────────────────────────────── */
#dashboardsRoot a.painel-item { text-decoration: none; color: inherit; }
#dashboardsRoot .dash-item-big {
    align-items: flex-start;
    padding: 18px 20px;
}
#dashboardsRoot .dash-item-icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    color: var(--accent-dark, var(--accent));
}
#dashboardsRoot .dash-item-icon svg { width: 100%; height: 100%; }
#dashboardsRoot .dash-item-content { flex: 1; min-width: 0; }
#dashboardsRoot .dash-item-desc {
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.5;
    margin-top: 4px;
}