/* === PARTS.CSS ===
   Стили, специфичные для страницы управления запчастями (parts.html)
*/


/* === ПАНЕЛЬ ИНСТРУМЕНТОВ (поиск + фильтры) === */
.parts-toolbar {
    display: flex;
    align-items: center;
    gap: 12px 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.parts-toolbar-search {
    flex: 1 1 260px;
    max-width: 420px;
    margin-bottom: 0;
}

/* === ФИЛЬТРЫ === */
.parts-filters {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: auto; /* прижать к правому краю */
}

/* Переопределяем глобальный select{width:100%} — фильтры компактные */
.filter-select.filter-select {
    width: auto;
    min-width: 150px;
    padding: 10px 38px 10px 14px; /* справа место под стрелку */
    font-size: 14px;
    color: #374151;
    cursor: pointer;
    margin-bottom: 0;
    background-color: #f9fafb;
}

.filter-select:hover {
    border-color: #9ca3af;
    background-color: #fff;
}

/* Активный фильтр (выбрано не-пустое значение) подсвечиваем */
.filter-select.is-active {
    border-color: #3b82f6;
    background-color: #eff6ff;
    color: #1d4ed8;
    font-weight: 500;
}

#resetFiltersBtn {
    white-space: nowrap;
}

/* Базовый каркас таблицы (.parts-table) + модалка продажи — в общем css/part-table.css
   (OPTIMIZATION 2.6). Здесь только page-specific: кнопка «к автомобилю». */
.parts-table .btn-car {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}

.parts-table .btn-car:hover {
    background: #ffedd5;
    border-color: #fdba74;
}