/*
 | Degradado sutil en la cabecera de las secciones del panel.
 |
 | Se sirve como asset propio del addon (FilamentAsset::register en
 | SrCrmServiceProvider::bootFilamentAssets), así que no toca el tema compilado del
 | host ni su pipeline de Vite. Para regenerarlo: `php artisan filament:assets`.
 |
 | Aplica a TODAS las secciones del panel, no solo a las de campos personalizados.
 |
 | ── Color ──────────────────────────────────────────────────────────────────────
 |
 | La fuente de verdad es config/srcrm.php → branding.colors. De ahí salen las dos
 | vías que usa este fichero, y ninguna lleva un color escrito a mano:
 |
 |  1. --accent-500: la tinta generada por Filament. SrCrmPlugin::applyBranding()
 |     registra la paleta 'accent' con FilamentColor::register() a partir de ese
 |     config, igual que la primary.
 |
 |  2. --sr-crm-brand-accent: el hex corporativo crudo, publicado con
 |     FilamentAsset::registerCssVariables() desde el MISMO config. Actúa de
 |     respaldo por si Filament renombrara sus variables: sin él, un cambio de
 |     nomenclatura dejaría el degradado en nada y sin avisar.
 |
 | Se usa el coral de branding.colors.accent, no el azul primary: el degradado es
 | decorativo y el primary ya pilota todo el chrome del panel (menú, botones,
 | enlaces, focus). Para volver al azul, cambia las dos referencias por
 | --primary-500 / --sr-crm-brand-primary.
 |
 | ── Sobre el "a blanco" ────────────────────────────────────────────────────────
 |
 | El degradado va del acento a TRANSPARENTE, no a blanco literal. Sobre la tarjeta
 | clara se ve exactamente igual —el fondo de la sección ya es blanco— y además no
 | rompe el modo oscuro, donde un blanco fijo dejaría una banda luminosa fuera de
 | sitio.
 */

.fi-section-header {
    background-image: linear-gradient(
        to right,
        color-mix(in oklab, var(--accent-500, var(--sr-crm-brand-accent)) 7%, transparent) 0%,
        transparent 55%
    );

    /* La cabecera es el primer hijo de una tarjeta redondeada: sin esto el fondo
       asomaría por las esquinas superiores. */
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
}

/* En oscuro el mismo 7% se pierde contra el fondo, así que sube un punto. */
:where(.dark) .fi-section-header {
    background-image: linear-gradient(
        to right,
        color-mix(in oklab, var(--accent-400, var(--sr-crm-brand-accent)) 10%, transparent) 0%,
        transparent 55%
    );
}