.light-filepond .filepond--root,
.light-filepond .filepond--drop-label,
.light-filepond .filepond--panel-root,
.light-filepond .filepond--item-panel,
.light-filepond .filepond--image-preview {
    background-color: #fff !important;
    color: #111 !important;
}

.light-filepond .filepond--image-preview-overlay-idle {
    color: #fff !important;
}

.light-filepond .filepond--panel-root {
    border: 1px solid #e5e7eb !important;
}

.light-filepond .filepond--file-info {
    color: #000000;
}

.light-filepond .filepond--item-panel {
    background-color: #f9fafb !important;
}


.filepond--label-action {
    color: rgb(var(--primary-600)) !important;
    text-decoration: underline !important;
}

.fi-fo-field-wrp-label + .fi-fo-field-wrp-hint {
    margin-top: 4px
}

.fi-fo-field-wrp > .grid > .flex {
    justify-content: flex-start !important;
    gap: 0.5rem !important;
    flex-wrap: wrap;
}

/* Color picker: panel to the right */
[x-data*="colorPickerFormComponent"] {
    position: relative;
}

[x-data*="colorPickerFormComponent"] [x-ref="panel"] {
    right: 0 !important;
    left: auto !important;
}

.tb-row-sub-user,
.tb-row-sub-user > .fi-ta-cell {
    background-color: rgb(254 249 195 / 0.85) !important;
}

.dark .tb-row-sub-user,
.dark .tb-row-sub-user > .fi-ta-cell {
    background-color: rgb(120 53 15 / 0.55) !important;
}