/* ============================================================================= Motaleb E-File - Filament v5 admin panel visual overrides ----------------------------------------------------------------------------- This project has no Vite/Tailwind pipeline (legacy Laravel Mix + Bootstrap 4), so a Filament custom theme cannot be compiled. This file is plain, hand-written CSS injected into every panel page through the `panels::head.end` render hook registered in app/Providers/Filament/AdminPanelProvider.php. No build step. IMPORTANT - why this file barely needs `!important`: Filament v5 ships its CSS inside real CSS cascade layers (`@layer base | components | utilities`). Unlayered CSS - which this file is, because it declares no `@layer` - always beats layered CSS regardless of specificity. `!important` is still used on the two content-width declarations as belt-and-braces in case a future build flattens those layers. Dark mode: Filament v5 toggles dark mode with a `dark` class on the element (`:root.dark { color-scheme: dark }` in its base.css) and it sets that class for the OS preference too. So `prefers-color-scheme` is deliberately NOT used here: it would paint dark shadows on a light UI whenever a user with a dark OS explicitly picks the light theme. `.fi-theme-dark` and `[data-theme='dark']` are included only as harmless forward-compatible extras. Brand colour: every accent in this file derives from `--ac-brand`, which the panel provider re-declares per request from Site Settings -> Brand Colour in a