/* FilePond - Bootstrap/Phoenix theme integration */

.filepond--panel-root {
    background-color: color-mix(
        in srgb,
        var(--bs-body-bg) 88%,
        var(--bs-body-color) 12%
    );

    border: 1px solid var(--bs-border-color);
}

.filepond--drop-label {
    color: var(--bs-body-color);
}

.filepond--label-action {
    color: var(--bs-primary);
    text-decoration-color: currentColor;
}

.filepond--file {
    color: var(--bs-body-color);
}
.roles-table > tbody > tr > td:not([data-role-cell="actions"]) {
    text-align: right !important;
}