.delegation-bulk-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e0e7ff;
}

.delegation-bulk-button {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border: 1px solid #c7d2fe;
  border-radius: 0.65rem;
  padding: 0.38rem 0.75rem;
  background: #fff;
  color: #4338ca;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.delegation-bulk-button:hover {
  border-color: #818cf8;
  background: #eef2ff;
  color: #312e81;
}

.delegation-bulk-button[data-action="clear"] {
  border-color: #e2e8f0;
  color: #64748b;
}

.delegation-bulk-button[data-action="clear"]:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

.delegation-bulk-button:focus-visible {
  outline: 3px solid rgba(99, 102, 241, 0.22);
  outline-offset: 2px;
}

.delegation-bulk-button:disabled {
  cursor: wait;
  opacity: 0.55;
}

.delegation-bulk-summary {
  margin-inline-start: auto;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
}

@media (max-width: 640px) {
  .delegation-bulk-actions {
    align-items: stretch;
  }

  .delegation-bulk-button {
    flex: 1 1 calc(50% - 0.25rem);
  }

  .delegation-bulk-summary {
    flex-basis: 100%;
    margin-inline-start: 0;
    text-align: center;
  }
}