/* Admin panel (/admin/*), including the internal style guide. */
@import 'tailwindcss' source(none);
@import './core/theme.css';
@import './core/fonts.css';
@import './core/base.css';
@import './core/components.css';

@source '../views/components';
@source '../views/layouts/base.blade.php';
@source '../views/layouts/admin.blade.php';
@source '../views/layouts/admin';
@source '../views/layouts/panel';
@source '../views/pagination';
@source '../js/ui';
@source '../js/media';
@source '../js/cms';
@source '../../app/Modules/Media/Views/partials';
@source '../../app/Modules/Media/Views/picker';
@source '../../app/Modules/Admin/Views';
@source '../../app/Modules/Identity/Views/admin';
@source '../../app/Modules/Identity/Views/partials';
@source '../../app/Modules/Settings/Views';
@source '../../app/Modules/Media/Views/admin';
@source '../../app/Modules/Styleguide/Views';
@source '../../app/Modules/Cms/Views/admin';
@source '../../app/Modules/Booking/Views/admin';
@source '../../app/Modules/Fleet/Views/admin';
@source '../../app/Modules/Pricing/Views/admin';

/*
 * Collapsible sidebar: html[data-sidebar] is set before first paint, so the rail never jumps.
 * Unlayered on purpose so it overrides the sidebar's width utility.
 */
@media (width >= 64rem) {
    [data-sidebar='collapsed'] .panel-sidebar[data-collapsible] {
        width: 4.75rem;

        & .nav-label,
        & .nav-group-label {
            @apply sr-only;
        }

        & .sidebar-logo-full {
            display: none;
        }

        & .sidebar-logo-mark {
            display: flex;
        }

        & a[href],
        & button {
            justify-content: center;
        }

        & .nav-group-label + ul {
            border-top: 1px solid var(--line);
            padding-top: 0.5rem;
        }
    }
}