.media-picker-custom .filepond--panel-root {
    background-color: transparent !important;
}

/* Hide drop label ONLY when there are items */
.media-picker-custom
    .filepond--root:has(.filepond--item)
    .filepond--drop-label {
    display: none !important;
}

/* Make it unclickable and slightly transparent when empty */
.media-picker-custom .filepond--drop-label {
    pointer-events: none !important;
    opacity: 0.6;
}
.media-picker-custom .filepond--drop-label label {
    cursor: default !important;
}

/* Ensure the preview cards still show properly */
.media-picker-custom .filepond--list-scroller {
    margin-top: 10px;
}

/* Set minimum height for all Rich Editor (Tiptap) in the panel */
.fi-fo-rich-editor-content .tiptap,
.fi-fo-rich-editor-content .ProseMirror {
    min-height: 250px;
}

.custom-iframe-container iframe {
    min-height: 350px;
    width: 100%;
}

.fi-sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: darkgrey transparent;
}