.container {
  max-width: 992px;
}

.max-w-sm {
  max-width: 480px;
}

.max-w-md {
  max-width: 40rem;
}

.text-balance {
  text-wrap: balance;
}

.breakout {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.breakout > .container-xl {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.pre-wrap {
  word-break: break-all;
  white-space: pre-wrap;
}

.table > tbody > tr > td {
  vertical-align: middle !important;
}

/* Hide empty state when list has content (reactive to Turbo Stream updates) */
.table-responsive:has(#purchase_intents tr) + .empty-state,
#webhook_deliveries:has(> *) + .empty-state,
#subscriptions:has(> *) + .empty-state,
#admin_subscriptions:has(> *) + .empty-state,
#admin_incoming_webhooks:has(> *) + .empty-state,
#outgoing_webhook_apple_notifications:has(> *) + .empty-state {
  display: none;
}