/* MAIN CONTAINER */
#products-filter-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
    margin-bottom: 25px;
    background: #f8f9fb;
    border-radius: 14px;
}

    /* LEFT SIDE */
    #products-filter-bar .filter-left {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    /* FILTER BUTTON */
    #products-filter-bar .btn-filter {
        display: flex;
        align-items: center;
        gap: 8px;
        background: #111827;
        color: #fff;
        border: none;
        padding: 10px 16px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.2s ease;
    }

        #products-filter-bar .btn-filter:hover {
            background: #374151;
        }

    /* ACTIVE FILTERS (chips placeholder) */
    #products-filter-bar .active-filters {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    /* RIGHT SIDE */
    #products-filter-bar .filter-right {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    /* CONTROL BLOCK */
    #products-filter-bar .filter-control {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        #products-filter-bar .filter-control label {
            font-size: 12px;
            color: #6b7280;
            margin-bottom: 2px;
        }

        /* SELECT STYLE */
        #products-filter-bar .filter-control select {
            padding: 8px 12px;
            border-radius: 8px;
            border: 1px solid #e5e7eb;
            background: #f9fafb;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

            #products-filter-bar .filter-control select:hover {
                border-color: #6366f1;
                background: #fff;
            }