/* On top of the panel's #0072cb primary color (see AdminPanelProvider):
   - a gradient accent bar across the top navigation bar.
   - per navigation-group icon colors in the sidebar drawer (used for the mobile
     off-canvas menu, since ->topNavigation() replaces the desktop sidebar).
   Group hues match the design mockup: Partners & Sales = violet,
   Customers & Billing = teal, Settings = slate.

   Note: the top navigation's own dropdown menus can't be color-coded per item here —
   Filament teleports each dropdown's panel to the end of <body> at runtime and
   hardcodes its item color to primary/gray in the vendor Blade view, so a
   `[data-nav-color] ...` ancestor selector can't reach into it without forking that
   view. The sidebar drawer isn't teleported, so the same selector works there. */

.fi-topbar {
    position: relative;
}

.fi-topbar::after {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, #0072cb 0%, #7c3aed 50%, #0d9488 100%);
}

[data-nav-color='violet'] .fi-sidebar-item-icon {
    color: #7c3aed;
}

[data-nav-color='teal'] .fi-sidebar-item-icon {
    color: #0d9488;
}

[data-nav-color='slate'] .fi-sidebar-item-icon {
    color: #64748b;
}