.fi-resource-media .fi-ta-content.fi-ta-content-grid {
    align-items: stretch;
}

.fi-resource-media .fi-ta-content.fi-ta-content-grid .fi-ta-record:has(.curator-grid-column) {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.fi-resource-media .fi-ta-content.fi-ta-content-grid .fi-ta-record:has(.curator-grid-column) .fi-ta-record-content-ctn {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.fi-resource-media .fi-ta-content.fi-ta-content-grid .fi-ta-record:has(.curator-grid-column) .fi-ta-record-content-ctn > div:first-child {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.fi-resource-media .fi-ta-content.fi-ta-content-grid .fi-ta-record:has(.curator-grid-column) .fi-ta-record-content {
    display: block !important;
    flex: 0 0 auto !important;
    height: 9.75rem !important;
    min-height: 9.75rem !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
}

.fi-resource-media .fi-ta-content.fi-ta-content-grid .fi-ta-record:has(.curator-grid-column) .fi-ta-actions {
    align-items: center !important;
    background: #fff !important;
    border-top: 1px solid rgba(0, 0, 0, .08) !important;
    display: flex !important;
    gap: .5rem !important;
    justify-content: flex-start !important;
    min-height: 2.5rem !important;
    opacity: 1 !important;
    padding: .5rem .75rem !important;
    position: relative !important;
    visibility: visible !important;
    z-index: 20 !important;
}

.dark .fi-resource-media .fi-ta-content.fi-ta-content-grid .fi-ta-record:has(.curator-grid-column) .fi-ta-actions {
    background: rgb(24, 24, 27) !important;
    border-top-color: rgba(255, 255, 255, .1) !important;
}

/* Curator picker modal: media library left, upload/browser panel right */
.curator-panel > .flex-1.relative {
    display: flex !important;
    flex-direction: row !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.curator-panel .curator-panel-gallery {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-width: 0 !important;
    overflow-y: auto !important;
    padding: 1rem !important;
}

.curator-panel .curator-panel-sidebar {
    border-left: 1px solid rgba(0, 0, 0, .12) !important;
    box-shadow: none !important;
    flex: 0 0 380px !important;
    height: 100% !important;
    max-width: 380px !important;
    min-width: 380px !important;
    overflow-y: auto !important;
    width: 380px !important;
}

.curator-panel .curator-panel-sidebar > .flex-1 {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    overflow: hidden !important;
}

.curator-panel .curator-panel-sidebar .filepond--root {
    min-height: 280px !important;
}

.curator-panel .curator-panel-sidebar .filepond--drop-label {
    min-height: 220px !important;
}

@media (max-width: 767px) {
    .curator-panel > .flex-1.relative {
        flex-direction: column !important;
    }

    .curator-panel .curator-panel-sidebar {
        border-left: 0 !important;
        border-top: 1px solid rgba(0, 0, 0, .12) !important;
        flex: 0 0 auto !important;
        height: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        width: 100% !important;
    }
}
