/* S4M brand colour overrides for the table filters. Loaded after vdp.css so these
   win over its green defaults. Brand-neutral layout (date-period ranges, close/input
   spacing, the spin keyframe) is not repeated here — it lives in vdp.css. */
.table-filters .table-filters__save-filters-state-container {
    background: #fd0;
    border-color: #fd0;
    color: #1d1d1b;
}

.table-filters__save-filters-state-container svg * {
    fill: #1d1d1b;
}

.table-filters__save-filters-state-container .btn,
.table-filters .table-filters__save-filters-state-container .recalculate {
    color: #1d1d1b !important;
}

.table-filters__save-filters-state-container .table-filters__save-filters-state-save-confirmation-container a {
    color: #1d1d1b;
}

.table-filters__save-filters-state-name {
    border-bottom-color: #1d1d1b;
    color: #1d1d1b;
}

.table-filters__save-filters-state-name::placeholder {
    color: rgba(29, 29, 27, 0.5);
}

.table-filters-select2-primary {
    background-color: #fd0;
    border-color: #fd0;
}

.table-filters-select2-primary .select2-selection__rendered {
    color: #1d1d1b;
}

.table-filters-select2-primary .select2-selection__placeholder {
    color: rgba(29, 29, 27, 0.5);
}

.table-filters-select2-primary .select2-selection__arrow b {
    border-color: #1d1d1b;
}

.table-filters-select2-primary .select2-results__option[aria-selected=true] {
    background-color: rgba(255, 221, 0, 0.3);
}

.table-filters-select2-primary .select2-results__option--highlighted[aria-selected] {
    background-color: #d4b200;
    color: #1d1d1b;
}

.table-filters-select2-primary .select2-results__option--highlighted[aria-selected] svg {
    fill: #1d1d1b;
}

.table-filters-select2-primary.select2-dropdown {
    background-color: #fd0;
    border-color: #fd0;
    color: #1d1d1b;
}

.table-filters-select2-primary.select2-dropdown svg * {
    fill: #1d1d1b;
}

.table-filters-select2-spinner {
    border-color: rgba(255, 221, 0, 0.3);
    border-top-color: #fd0;
}