/* Physical delete is intentionally secondary: visible only when server-side destroyability allows it. */
.physical-delete-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0 !important;
  color: #747478 !important;
  background: #f5f5f7 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.physical-delete-button .icon {
  margin: 0 !important;
}

.physical-delete-button:hover {
  color: #a12f2f !important;
  background: #fff0f0 !important;
}

.physical-delete-form {
  display: block !important;
  margin: 0 !important;
}

.category-terminal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.category-tree-group.is-archived > .category-root-row .category-tree-actions > :first-child {
  grid-column: 2;
}

.heading-actions {
  align-items: center;
}

@media (max-width: 640px) {
  .directory-actions {
    display: flex !important;
    align-items: stretch;
    gap: 7px;
    flex-wrap: wrap;
    width: 100%;
  }

  .directory-actions > .directory-action-button:not(.physical-delete-button) {
    flex: 1 1 130px;
    width: auto !important;
  }

  .directory-actions > .inline-form:not(.physical-delete-form) {
    flex: 1 1 130px;
    width: auto !important;
  }

  .directory-actions > .inline-form:not(.physical-delete-form) .directory-action-button {
    width: 100% !important;
  }

  .directory-actions > .physical-delete-form {
    flex: 0 0 38px;
    width: 38px !important;
  }

  .directory-actions .physical-delete-button {
    width: 38px !important;
    min-width: 38px;
    height: 38px;
  }

  .category-terminal-actions {
    justify-content: flex-start;
  }

  .category-tree-group.is-archived > .category-root-row .category-tree-actions > :first-child {
    grid-column: auto;
  }
}