/*
 * Dark theme for FilePond.
 *
 * FilePond (loaded via the @rekalogika/file-filepond Stimulus controller)
 * ships only a light palette and hardcodes its colors rather than exposing
 * CSS custom properties, so its drop panel stays light-grey even in dark
 * mode. These overrides repaint the drop panel, idle label and Browse link
 * under the app's class-based dark selector (`html.dark`), reusing the same
 * `--input-bg`/`--input-border`/`--ink*` tokens as the form fields it sits
 * among. The `html.dark` prefix outranks FilePond's single-class selectors,
 * so it wins regardless of stylesheet order.
 */
html.dark .filepond--panel-root {
    background-color: var(--input-bg, #06161d);
    border: 1px solid var(--input-border, #14303b);
}

html.dark .filepond--drop-label,
html.dark .filepond--drop-label label {
    color: var(--ink-3, #7ea2b0);
}

html.dark .filepond--label-action {
    -webkit-text-decoration-color: var(--ink-4, #5a7682);
    text-decoration-color: var(--ink-4, #5a7682);
}

/* Item rows (uploaded/processing files) sit on the same dark panel. */
html.dark .filepond--item-panel {
    background-color: var(--input-border, #14303b);
}

html.dark .filepond--credits {
    color: var(--ink-4, #5a7682);
}