/* Media Library's Explore layout, kept local because this app has no Vite build. */
@media (min-width: 768px) {
    .fi-sc > div:has(> .md\:hidden) {
        display: none;
    }
}

/*
 * The Explore package ships these utilities in its Tailwind build. This
 * application registers the package stylesheet as a plain Filament asset,
 * so keep the small set required by the split-pane/file-grid layout here.
 */
.fi-modal .h-full.flex.flex-row:has(> [data-split-pane-right]) {
    display: flex;
}

.fi-modal .h-full.flex.flex-row:has(> [data-split-pane-right]) > :first-child {
    flex: 1 1 0%;
    min-width: 0;
}

.fi-modal .h-full.flex.flex-row:has(> [data-split-pane-right]) > :nth-child(2) {
    flex: 0 0 1.25rem;
    width: 1.25rem;
}

.fi-modal .h-full.flex.flex-row:has(> [data-split-pane-right]) > [data-split-pane-right] {
    flex: 0 0 auto;
}

.fi-modal .flex-col {
    flex-direction: column;
}

/* Reduce MediaPicker empty state height */
.fi-fo-file-picker {
    min-height: auto !important;
}