.h360-stack-xs > * + * {
  margin-top: var(--h360-space-2);
}

.h360-stack-sm > * + * {
  margin-top: var(--h360-space-3);
}

.h360-stack-md > * + * {
  margin-top: var(--h360-space-4);
}

.h360-stack-lg > * + * {
  margin-top: var(--h360-space-6);
}

.h360-inline-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--h360-space-2);
}

.h360-surface-soft {
  background-color: var(--h360-surface-soft);
}

.h360-border-subtle {
  border: 1px solid var(--h360-border-subtle);
}

.h360-rounded-lg {
  border-radius: var(--h360-radius-lg);
}

.h360-text-muted {
  color: var(--h360-text-muted) !important;
}

.h360-text-secondary {
  color: var(--h360-text-secondary) !important;
}

.h360-text-primary {
  color: var(--h360-text-primary) !important;
}

.h360-status-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--h360-space-1);
  border-radius: var(--h360-radius-pill);
  padding: var(--h360-space-1) var(--h360-space-3);
  font-size: var(--h360-font-size-xs);
  font-weight: var(--h360-font-weight-semibold);
  line-height: 1;
}

.h360-status-pill--success {
  color: var(--h360-state-success-base);
  background-color: var(--h360-state-success-soft);
}

.h360-status-pill--info {
  color: var(--h360-state-info-base);
  background-color: var(--h360-state-info-soft);
}

.h360-status-pill--warning {
  color: var(--h360-state-warning-base);
  background-color: var(--h360-state-warning-soft);
}

.h360-status-pill--danger {
  color: var(--h360-state-danger-base);
  background-color: var(--h360-state-danger-soft);
}

.h360-scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.h360-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}