/* PhaseT8 - Import Reconciliation appearance-theme correction */
.reconciliation-card .recon-filters button.active {
    background: var(--green) !important;
    border-color: var(--green) !important;
    color: var(--paper) !important;
}

.reconciliation-card .recon-filters button:not(.active):hover {
    border-color: var(--green) !important;
    color: var(--green) !important;
}

.reconciliation-card .recon-filters button:focus-visible {
    outline: 2px solid var(--green) !important;
    outline-offset: 2px;
}

.reconciliation-card .recon-action.new {
    background: var(--soft) !important;
    background: color-mix(in srgb, var(--green) 12%, var(--paper)) !important;
    color: var(--green) !important;
}