.ui-filter-shell {
    position: sticky;
    top: 64px;
    z-index: 18;
    padding-bottom: 10px;
    background: linear-gradient(var(--c-canvas) 78%, rgba(247, 248, 246, 0));
}

.ui-filter-panel {
    margin: 0;
    padding: 12px;
    border: 1px solid var(--c-border);
    border-radius: var(--r-card);
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(14px);
}

.ui-filter-shell > .ui-filter-panel.container {
    margin-right: auto;
    margin-left: auto;
}

.ui-filter-grid {
    display: grid;
    gap: 8px;
    align-items: end;
}

.ui-filter-panel label {
    min-width: 0;
}

.ui-filter-panel label > span {
    display: block;
    margin-bottom: 5px;
    color: var(--c-text-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.ui-filter-panel input:not([type="checkbox"]),
.ui-filter-panel select {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--c-border);
    border-radius: var(--r-control);
    background: var(--c-surface);
    color: var(--c-text);
    font: inherit;
}

.ui-filter-panel input:not([type="checkbox"]):hover,
.ui-filter-panel select:hover {
    border-color: #b9c9c0;
}

.ui-filter-panel input:not([type="checkbox"]):focus,
.ui-filter-panel select:focus {
    border-color: var(--c-brand-600);
    outline: 0;
    box-shadow: var(--focus-ring);
}

.ui-filter-panel > .button,
.ui-filter-grid > .button {
    min-height: 44px;
    border-color: var(--c-brand-600);
    background: var(--c-brand-600);
}

.ui-filter-panel > .button:hover,
.ui-filter-grid > .button:hover {
    border-color: var(--c-brand-700);
    background: var(--c-brand-700);
}

@media (max-width: 959px) {
    .ui-filter-shell {
        top: 56px;
    }
}

@media (max-width: 639px) {
    .ui-filter-shell {
        position: static;
        padding-bottom: 6px;
        background: transparent;
    }

    .ui-filter-panel {
        padding: 10px;
        box-shadow: var(--shadow-sm);
    }

    .ui-filter-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ui-filter-grid > .button {
        width: 100%;
    }
}

/* Shared collapsing behavior for search/filter panels. */
[data-ui-filter-shell],.admin-list-filters[data-admin-list-filters],.admin-list-filters[data-dispute-admin-filters]{--ui-filter-top:64px}
.ui-filter-fab{position:fixed;top:84px;right:28px;z-index:48;display:flex;min-height:52px;align-items:center;gap:9px;padding:0 17px;border:1px solid var(--c-brand-600,#087755);border-radius:999px;background:var(--c-surface,#fff);color:var(--c-brand-700,#075c40);box-shadow:0 10px 26px rgba(5,96,68,.14);cursor:pointer;font-weight:800}
.ui-filter-fab:hover{border-color:var(--c-brand-700,#075c40);background:var(--c-brand-50,#eaf7f1)}
.ui-filter-fab[hidden]{display:none}.ui-filter-fab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ui-filter-fab b{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:999px;background:var(--c-brand-600,#087755);color:#fff;font-size:11px}
[data-ui-filter-shell].is-ui-filter-collapsed{position:static!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden;visibility:hidden;pointer-events:none}
[data-ui-filter-shell].is-ui-filter-open,.admin-list-filters.is-ui-filter-open{position:fixed!important;top:var(--ui-filter-top)!important;right:0;left:0;z-index:47;width:auto!important;max-height:calc(100vh - var(--ui-filter-top) - 12px);margin:0!important;padding:10px max(24px,calc((100vw - 1180px)/2))!important;overflow:auto;background:rgba(247,248,246,.98);box-shadow:0 18px 44px rgba(16,35,27,.16);visibility:visible;pointer-events:auto}
.has-app-shell [data-ui-filter-shell].is-ui-filter-open,.has-app-shell .admin-list-filters.is-ui-filter-open{left:248px}
.ui-filter-advanced-close{grid-column:1/-1;min-height:40px;border:1px solid var(--c-border);border-radius:var(--r-control);background:var(--c-surface);color:var(--c-brand-700);cursor:pointer;font-weight:750}
[data-ui-filter-shell] .button[type="submit"],.admin-list-filters button[type="submit"]{border-color:var(--c-brand-600,#087755)!important;background:var(--c-surface,#fff)!important;color:var(--c-brand-700,#075c40)!important}
[data-ui-filter-shell] .button[type="submit"]:hover,.admin-list-filters button[type="submit"]:hover{border-color:var(--c-brand-700,#075c40)!important;background:var(--c-brand-50,#eaf7f1)!important;color:var(--c-brand-700,#075c40)!important}
@media(max-width:959px){.ui-filter-fab{top:68px;right:18px}.has-public-shell .ui-filter-fab{top:78px}.has-app-shell [data-ui-filter-shell].is-ui-filter-open,.has-app-shell .admin-list-filters.is-ui-filter-open,[data-ui-filter-shell].is-ui-filter-open,.admin-list-filters.is-ui-filter-open{--ui-filter-top:56px;left:0}}