/* Section-specific nav dropdown accent colors */
.nav-section-btn[data-section-slug="overview"].active,
.nav-section-btn[data-section-slug="overview"]:hover { --section-color: var(--section-overview); }
.nav-section-btn[data-section-slug="registry"].active,
.nav-section-btn[data-section-slug="registry"]:hover { --section-color: var(--section-registry); }
.nav-section-btn[data-section-slug="sales"].active,
.nav-section-btn[data-section-slug="sales"]:hover { --section-color: var(--section-sales); }
.nav-section-btn[data-section-slug="logistics"].active,
.nav-section-btn[data-section-slug="logistics"]:hover { --section-color: var(--section-logistics); }
.nav-section-btn[data-section-slug="warehouse"].active,
.nav-section-btn[data-section-slug="warehouse"]:hover { --section-color: var(--section-warehouse); }
.nav-section-btn[data-section-slug="purchases"].active,
.nav-section-btn[data-section-slug="purchases"]:hover { --section-color: var(--section-purchases); }
.nav-section-btn[data-section-slug="finance"].active,
.nav-section-btn[data-section-slug="finance"]:hover { --section-color: var(--section-finance); }
.nav-section-btn[data-section-slug="accounting"].active,
.nav-section-btn[data-section-slug="accounting"]:hover { --section-color: var(--section-accounting); }
.nav-section-btn[data-section-slug="hr"].active,
.nav-section-btn[data-section-slug="hr"]:hover { --section-color: var(--section-hr); }
.nav-section-btn[data-section-slug="accountant"].active,
.nav-section-btn[data-section-slug="accountant"]:hover { --section-color: var(--section-accountant); }
.nav-section-btn[data-section-slug="system"].active,
.nav-section-btn[data-section-slug="system"]:hover { --section-color: var(--section-system); }

/* Offcanvas accordion section colors */
.offcanvas-nav .accordion-item[data-section-slug="overview"] .accordion-button:not(.collapsed) { --section-color: var(--section-overview); }
.offcanvas-nav .accordion-item[data-section-slug="registry"] .accordion-button:not(.collapsed) { --section-color: var(--section-registry); }
.offcanvas-nav .accordion-item[data-section-slug="sales"] .accordion-button:not(.collapsed) { --section-color: var(--section-sales); }
.offcanvas-nav .accordion-item[data-section-slug="logistics"] .accordion-button:not(.collapsed) { --section-color: var(--section-logistics); }
.offcanvas-nav .accordion-item[data-section-slug="warehouse"] .accordion-button:not(.collapsed) { --section-color: var(--section-warehouse); }
.offcanvas-nav .accordion-item[data-section-slug="purchases"] .accordion-button:not(.collapsed) { --section-color: var(--section-purchases); }
.offcanvas-nav .accordion-item[data-section-slug="finance"] .accordion-button:not(.collapsed) { --section-color: var(--section-finance); }
.offcanvas-nav .accordion-item[data-section-slug="accounting"] .accordion-button:not(.collapsed) { --section-color: var(--section-accounting); }
.offcanvas-nav .accordion-item[data-section-slug="hr"] .accordion-button:not(.collapsed) { --section-color: var(--section-hr); }
.offcanvas-nav .accordion-item[data-section-slug="accountant"] .accordion-button:not(.collapsed) { --section-color: var(--section-accountant); }
.offcanvas-nav .accordion-item[data-section-slug="system"] .accordion-button:not(.collapsed) { --section-color: var(--section-system); }

/* KPI: icone monochrome (variante colore solo sul bordo sinistro card se presente) */
.kpi-card .kpi-icon {
    background: color-mix(in srgb, var(--text-primary, #0f172a) 4%, transparent);
    color: var(--text-muted, #64748b);
}