{{-- White-label: paint the LEFT NAVIGATION in the current org's primary colour,
     while the rest of /cp keeps the AGS admin theme (admin-theme.css). We paint
     the sidebar from the org colour DIRECTLY (not via --primary-*), so buttons,
     badges and accents stay AGS crimson — only the sidebar reflects the org brand.
     Injected only when the org explicitly set a primary; AGS / whole-system keeps
     the default admin-theme sidebar. --}}
@php
    $org = \App\Support\CurrentOrg::get();
    // The org's own primary when branded, else AGS crimson — so AGS Math (B2C),
    // whole-system, and unbranded orgs get the AGS sidebar; branded orgs theirs.
    $primary = data_get($org?->branding, 'colors.primary') ?: '#960000';
    $shades  = \Filament\Support\Colors\Color::hex($primary);
@endphp
    <style>
        /* Sidebar background = a deep (700) shade of the org primary, so white
           text stays legible even for a bright primary (e.g. lime). !important so
           it wins over admin-theme.css regardless of load order. */
        .fi-sidebar,
        .fi-sidebar .fi-sidebar-header {
            background-color: rgb({{ $shades[700] }}) !important;
            border-color: rgba(255, 255, 255, 0.15) !important;
        }
        /* Text + icons white in EVERY state (rest / hover / active). */
        .fi-sidebar .fi-sidebar-item-label,
        .fi-sidebar .fi-sidebar-group-label,
        .fi-sidebar .fi-sidebar-item-icon,
        .fi-sidebar .fi-brand-name,
        .fi-sidebar a,
        .fi-sidebar span,
        .fi-sidebar p,
        .fi-sidebar svg,
        .fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-label,
        .fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-icon,
        .fi-sidebar .fi-active .fi-sidebar-item-label,
        .fi-sidebar .fi-active .fi-sidebar-item-icon {
            color: #ffffff !important;
        }
        /* Hover + active use translucent white fills (distinct, never collide). */
        .fi-sidebar .fi-sidebar-item-button:hover {
            background-color: rgba(255, 255, 255, 0.15) !important;
        }
        .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button,
        .fi-sidebar .fi-sidebar-item-button.fi-active {
            background-color: rgba(255, 255, 255, 0.22) !important;
        }
        /* Keep the org-switcher <select> readable (dark text on its white field). */
        .fi-sidebar form select { color: #2b2b2b !important; }
    </style>