/* ==== Стабильный двухколоночный макет для /parts ==== */

/* Две колонки: слева бренды фиксированной ширины, справа — список */
#parts-app .parts-body{
  display:flex;
  gap:20px;
  align-items:flex-start;
  margin-top:10px;
}
#parts-app .parts-brands{
  flex:0 0 260px;
  max-width:260px;
}
#parts-app .parts-list{
  flex:1;
  min-width:0;
}

/* Верхняя панель: вкладки слева, поиск + кнопка справа */
#parts-app .parts-toolbar{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
#parts-app .parts-toolbar .parts-tabs{ flex:0 0 auto; }
#parts-app .parts-toolbar .parts-search{
  flex:1;
  display:flex;
  align-items:center;
  gap:12px;
}
#parts-app .parts-toolbar .add-part-btn{ margin:0; }

/* Карточки брендов (визуал) */
#parts-app .parts-brands .brand-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
#parts-app .parts-brands .brand-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(148,163,184,.05);
  color:#e5e7eb;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
#parts-app .parts-brands .brand-btn:hover{
  background:rgba(148,163,184,.10);
}
#parts-app .parts-brands .brand-btn.is-active{
  background:rgba(37,99,235,.15);
  border-color:rgba(37,99,235,.35);
}
#parts-app .parts-brands .brand-btn .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 6px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(23,37,84,.55);
  font-size:12px;
  color:#cbd5e1;
}