.cp-filter-fields.cp-processing-filters {
    border-width: 0;
}

.cp-filter-fields .x-form-trigger-wrap {
    background: #fff;
    border: 1px solid #b8c8d8;
    border-radius: 6px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.cp-filter-fields .x-form-trigger-wrap:focus-within {
    border-color: #3d83ce;
}

.cp-filter-fields .x-form-text {
    background-color: transparent;
    color: #172b4d;
    font-size: 12px;
    padding-inline: 6px;
}

.cp-filter-fields .x-form-empty-field {
    color: #596b82;
}

.cp-filter-fields .x-form-trigger:is(.x-form-clear-trigger, .x-form-date-trigger) {
    position: relative;
    background-image: none;
    color: #526a82;
}

.cp-filter-fields .x-form-trigger.x-form-trigger-over:is(.x-form-clear-trigger, .x-form-date-trigger) {
    color: #2d6fa9;
}

.cp-filter-fields .x-form-clear-trigger {
    --cp-filter-trigger-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7.5'/%3E%3Cpath d='m7.5 7.5 5 5m0-5-5 5'/%3E%3C/svg%3E");
}

.cp-filter-fields .x-form-date-trigger {
    --cp-filter-trigger-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='3' y='4.5' width='14' height='12.5' rx='2'/%3E%3Cpath d='M6.5 3v3m7-3v3M3 8.5h14M7 12h1m4 0h1'/%3E%3C/svg%3E");
}

.cp-filter-fields .x-form-trigger:is(.x-form-clear-trigger, .x-form-date-trigger)::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    background-color: currentColor;
    mask: var(--cp-filter-trigger-icon) center / contain no-repeat;
    pointer-events: none;
}

@media (forced-colors: active) {
    .cp-filter-fields .x-form-trigger:is(.x-form-clear-trigger, .x-form-date-trigger)::before {
        forced-color-adjust: none;
        background-color: ButtonText;
    }
}

.cp-filter-fields .x-form-trigger-wrap:has(input.x-form-empty-field) .x-form-clear-trigger {
    display: none;
}

.cp-filter-fields .x-btn {
    border-radius: 6px;
}

.cp-processing-status {
    border-top: 1px solid #d5dee8;
    background: #f7f9fb;
}

.cp-processing-status .x-label {
    color: #52657a;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
}

.cp-processing-status .x-btn {
    border-radius: 6px;
}
.cp-filter-popover.x-window{background:#fff;border:1px solid #d7e0e9;border-radius:6px;box-shadow:0 6px 22px #172b4d26;padding:0}
.cp-filter-popover .x-window-header{background:#fff;border:0;padding:6px 10px}
.cp-filter-popover .x-title-text{color:#3b5068;font-size:14px;font-weight:600}
.cp-filter-popover .x-window-body{background:#fff;border:0}
.cp-filter-popover .x-tool-close{background:none;opacity:.75}
.cp-filter-popover .x-tool-close:before{content:'×';display:block;font:24px/16px Arial;color:#526579;text-align:center}