.rz-dropdown {
    border-color: var(--border-light) !important;
    background: var(--background-primary) !important;
}

.rz-dropdown:hover {
    border-color: var(--primary-color) !important;
}

.rz-dropdown:focus-within {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2) !important;
}

.rz-dropdown-label {
    color: var(--text-primary) !important;
}

.rz-dropdown-label-empty {
    color: var(--text-muted) !important;
}

.rz-dropdown-arrow {
    color: var(--text-secondary) !important;
}

.rz-dropdown:hover .rz-dropdown-arrow {
    color: var(--primary-color) !important;
}

.rz-dropdown-panel {
    border-color: var(--border-light) !important;
    background: var(--background-primary) !important;
}

.rz-dropdown-item {
    color: var(--text-primary) !important;
}

.rz-dropdown-item:hover {
    background: var(--primary-light) !important;
    color: var(--text-primary) !important;
}

.rz-dropdown-item.rz-state-active {
    background: var(--primary-color) !important;
    color: var(--text-primary) !important;
}

.rz-datepicker {
    border-color: var(--border-light) !important;
    background: var(--background-primary) !important;
}

.rz-datepicker:hover {
    border-color: var(--primary-color) !important;
}

.rz-datepicker:focus-within {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2) !important;
}

.rz-datepicker .date-picker input{
    border-color: var(--primary-color) !important;
}

.rz-inputtext {
    color: var(--text-primary) !important;
}

.rz-inputtext::placeholder {
    color: var(--text-muted) !important;
}

.rz-calendar-button {
    color: var(--text-secondary) !important;
}

.rz-calendar-button:hover {
    color: var(--primary-color) !important;
    background: var(--primary-light) !important;
}

.rz-datepicker-popup,
.rz-calendar-popup,
.rz-popup,
.rz-overlaypanel {
    background: var(--background-primary) !important;
}

.rz-datepicker-popup::before,
.rz-calendar-popup::before,
.rz-popup::before,
.rz-overlaypanel::before {
    background: transparent !important;
}

.rz-calendar {
    background: var(--background-primary) !important;
    border-color: var(--border-light) !important;
}

.rz-calendar-table {
    background: var(--background-primary) !important;
}

.rz-calendar-title {
    background: var(--background-secondary) !important;
    color: var(--text-primary) !important;
}

.rz-calendar-header {
    background: var(--background-secondary) !important;
    border-color: var(--border-light) !important;
}

.rz-datepicker-calendar td .rz-state-default:hover {
    background: var(--primary-light) !important;
    color: var(--text-primary) !important;
}

.rz-datepicker-calendar td .rz-state-active,
.rz-datepicker-calendar td .rz-state-highlight {
    background: var(--primary-color) !important;
    color: var(--text-primary) !important;
}

.rz-calendar-today {
    background: var(--primary-light) !important;
    color: var(--primary-color) !important;
}

.date-picker input,
.date-picker .rz-inputtext,
.date-picker .rz-datepicker-input {
    border: 1px solid var(--border-light) !important;
    outline: none !important;
    box-shadow: none !important;
}

.date-picker input:hover,
.date-picker .rz-inputtext:hover,
.date-picker .rz-datepicker-input:hover {
    border-color: var(--primary-color) !important;
}

.date-picker input:focus,
.date-picker .rz-inputtext:focus,
.date-picker .rz-datepicker-input:focus,
.date-picker input:focus-visible,
.date-picker .rz-inputtext:focus-visible,
.date-picker .rz-datepicker-input:focus-visible {
    border-color: var(--primary-color) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2) !important;
}

.date-picker .rz-datepicker {
    border: 1px solid var(--border-light) !important;
}

.date-picker .rz-datepicker:hover {
    border-color: var(--primary-color) !important;
}

.date-picker .rz-datepicker:focus-within {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2) !important;
}

.date-picker .rz-state-focused,
.date-picker .rz-state-focus {
    border-color: var(--primary-color) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2) !important;
}

*:focus {
    outline: none !important;
}

input[type="text"]:focus {
    outline: none !important;
}

.rz-inputtext:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2) !important;
}

.date-filters .rz-datepicker input,
.date-filters input[type="text"] {
    border: 1px solid var(--border-light) !important;
    outline: none !important;
}