/* Cột nút danh mục — thẳng hàng, Xóa không tách ra mép phải */
.giasy-cat-tools,
[data-level1-tools],
[data-level2-tools],
[data-level3-tools],
[data-category-core-actions] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.375rem !important;
  width: 100%;
  max-width: 34rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Hàng danh mục: grid 2 cột — meta | tools; chặn phần tử thứ 3 (Xóa orphan) bay lung tung */
[id^="category-"].giasy-cat-row,
.giasy-cat-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem !important;
  align-items: center !important;
}

@media (min-width: 1024px) {
  [id^="category-"].giasy-cat-row,
  .giasy-cat-row {
    grid-template-columns: minmax(0, 1fr) 34rem !important;
  }
}

/* Nút Xóa nằm ngoài .giasy-cat-tools = orphan do overlay ghost — ẩn tạm, JS sẽ gom lại */
html.admin-root [id^="category-"] > button[data-action="delete-category"],
html.admin-root [id^="category-"] > button.giasy-cat-delete-btn,
html.admin-root [id^="category-"] > button[title^="Xóa danh mục"],
html.admin-root .giasy-cat-row > button[data-action="delete-category"],
html.admin-root .giasy-cat-row > button.giasy-cat-delete-btn,
html.admin-root .giasy-cat-row > button[title^="Xóa danh mục"] {
  /* JS tidy sẽ chuyển vào .giasy-cat-tools; ẩn nếu còn sót làm nút "nhảy" */
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}