/*
 * Trio brand pass: neutral UI icons painted with the brand gradient
 * (120deg, #7C3AED -> #EC2A8C -> #FF5A3C -> #FF9A3D). The paint server
 * #trio-icon-gradient is injected as inline SVG defs at body start (see
 * AppServiceProvider). Outline icons (fill="none") gradient the stroke;
 * solid icons gradient the fill.
 *
 * Deliberately excluded: loading spinners, breadcrumb separators, and any
 * icon with a semantic color (fi-color success/danger/warning etc.) - a red
 * "not billable" X or green check must stay red/green.
 */

svg.fi-icon[fill="none"]:not(.fi-loading-indicator):not(.fi-color):not(.fi-breadcrumbs-item-separator),
svg.fi-topbar-item-icon[fill="none"],
svg.fi-sidebar-item-icon[fill="none"],
svg.fi-sidebar-group-label-icon[fill="none"] {
    stroke: url(#trio-icon-gradient);
}

svg.fi-icon:not([fill="none"]):not(.fi-loading-indicator):not(.fi-color):not(.fi-breadcrumbs-item-separator),
svg.fi-topbar-item-icon:not([fill="none"]),
svg.fi-sidebar-item-icon:not([fill="none"]),
svg.fi-sidebar-group-label-icon:not([fill="none"]) {
    fill: url(#trio-icon-gradient);
}