.bulk-delete-toolbar {
  display: inline-flex;
  justify-content: flex-end;
  margin: 0;
}

.bulk-delete-controller {
  min-width: 0;
}

.bulk-delete-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem;
  flex-wrap: wrap;
}

.bulk-delete-toolbar [hidden],
.bulk-delete-dialog [hidden],
.bulk-delete-actions.d-none,
.bulk-record-selector[hidden],
.bulk-record-selector {
  display: none !important;
}

.bulk-selection-active .bulk-record-selector {
  display: inline-flex !important;
  align-items: center;
  margin-right: .45rem;
  vertical-align: middle;
}

.bulk-selection-active [data-bulk-record] {
  background: rgba(13, 110, 253, .025);
}

.bulk-selection-active [data-bulk-record]:has([data-bulk-select]:checked) {
  background: rgba(13, 110, 253, .085);
}

@media (max-width: 991.98px) {
  .bulk-delete-toolbar,
  .bulk-delete-actions {
    justify-content: stretch;
  }

  .bulk-delete-toolbar > button,
  .bulk-delete-actions > button {
    flex: 1 1 auto;
  }

  .bulk-delete-actions strong {
    flex: 1 0 100%;
  }

  .bulk-selection-active .bulk-delete-controller {
    flex: 1 0 100%;
    grid-column: 1 / -1;
    order: 10;
  }

  .bulk-selection-active .bulk-delete-toolbar,
  .bulk-selection-active .bulk-delete-actions {
    width: 100%;
  }

  .bulk-selection-active .bulk-record-selector {
    margin-right: .6rem;
  }
}