.bd-category-search, .bd-category-tools, .bd-category-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.bd-category-search {
  justify-content: space-between;
  padding: 9px 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
}
.bd-category-search > .bc-category-field { flex: 0 1 355px; min-width: 0; }
.bd-category-tools {
  background: #fff;
  padding: 8px 12px;
  border-inline: 1px solid #e5e7eb;
}
.bd-category-hint { margin: 0; padding: 6px 12px; background: #f3f5f8; color: #475569; font-size: 12px; }
.bd-category-search .btn, .bd-category-tools .btn { min-height: 32px; }
.bc-category-workspace > [role=status] { margin: 6px 0; color: #166534; }
.bc-category-table-scroll { flex: 1 1 auto; }
.bc-category-table thead th { position: sticky; top: 0; z-index: 1; }
.bc-category-table th:first-child, .bc-category-table td:first-child { width: 36px; }
.bd-category-grip {
  color: #475569;
  border: 0;
  background: transparent;
  cursor: grab;
  font-family: inherit; font-weight: 600; line-height: 28px;
  font-size: 17px;
}
.bd-category-grip:disabled { opacity: .38; cursor: default; }
.bd-category-grip:active { cursor: grabbing; }
.bc-category-dialog { max-height: calc(100dvh - 32px); overflow: auto; }
.bd-category-dialog > input[type=file] { display: block; margin-top: 12px; max-width: 100%; }
@media (max-width: 620px) {
  .bd-category-search { padding: 8px; gap: 6px; }
  .bd-category-search > .bc-category-field { flex-basis: 100%; }
  .bd-category-tools { padding: 6px 8px; gap: 6px; }
  .bd-category-actions { width: 100%; justify-content: flex-end; }
}
.bc-category-dialog > .bc-category-field:has(> input[type=checkbox]) {
  display: flex;
  min-height: 24px;
  justify-content: space-between;
  gap: 10px;
}
.bc-category-dialog > .bc-category-field:has(> input[type=checkbox]) > span:first-child {
  min-width: 0;
  text-align: start;
  white-space: normal;
}
.bc-category-dialog > .bc-category-field > input[type=checkbox] {
  flex: 0 0 auto;
  margin: 0;
}
.be-category-media {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 10px;
}
.be-category-media > span:first-child { flex-basis: 90px; }
.be-category-media > label { display: inline-flex; align-items: center; gap: 4px; }
.be-category-thumb { display: inline-grid; place-items: center; padding: 2px; background: #fff; border: 1px solid #d6dce3; border-radius: 4px; cursor: zoom-in; }
.be-category-thumb > img { width: 40px; height: 32px; object-fit: contain; }
.be-category-picture { z-index: 10002; }
.be-category-picture .bc-category-dialog { width: min(840px, calc(100vw - 24px)); }
.be-category-picture img { display: block; width: 100%; max-height: 65dvh; object-fit: contain; }