/* Location: /pwa/assets/pwa_filters.css */
.pwa-search-bar {
    margin-bottom: 10px;
}

.pwa-search-input {
    width: 100%;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid #d0d7de;
    font-size: 13px;
    outline: none;
    background-color: #ffffff;
}

.pwa-filter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.pwa-filter-chip {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    border: none;
    cursor: pointer;
    background: linear-gradient(135deg, #ecf0f1, #dfe6e9);
    color: #34495E;
}

.pwa-filter-chip.active {
    background: linear-gradient(135deg, #2980B9, #16A085);
    color: #ffffff;
}

.pwa-sort-row {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.pwa-sort-select {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid #d0d7de;
    background-color: #ffffff;
}
