/*
 * Theme for FilePond — both schemes.
 *
 * FilePond (loaded via the @rekalogika/file-filepond Stimulus controller)
 * hardcodes its palette rather than exposing CSS custom properties. These
 * overrides repaint the drop panel, idle label, Browse link and item rows
 * from the el-* token bridge so light AND dark mode follow the panel theme
 * (previously only dark was overridden and light merely happened to match).
 * The `html` prefix outranks FilePond's single-class selectors regardless
 * of stylesheet order; the bridge vars flip under html.dark on their own.
 */
html .filepond--panel-root {
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
}

html .filepond--drop-label,
html .filepond--drop-label label {
    color: var(--text-3);
}

html .filepond--label-action {
    -webkit-text-decoration-color: var(--text-4);
    text-decoration-color: var(--text-4);
}

/* Item rows keep FilePond's dark-panel + white-text design in BOTH schemes
 * (vendor light palette is #64605e under #fff text), so light mode uses a
 * scheme-stable dark from the @theme text ramp, not a flipping bridge var. */
html .filepond--item-panel {
    background-color: var(--color-neutral-700);
}

html.dark .filepond--item-panel {
    background-color: var(--input-border);
}

/* Success / error item states (vendor: #369763 / #c44e47). */
html [data-filepond-item-state=processing-complete] .filepond--item-panel {
    background-color: var(--ok);
}

html [data-filepond-item-state*=invalid] .filepond--item-panel,
html [data-filepond-item-state*=load-error] .filepond--item-panel {
    background-color: var(--err);
}

html .filepond--credits {
    color: var(--text-4);
}