/*
 * Versioned narrow-screen safeguards.
 *
 * This file is linked separately from the application bundle so browsers that
 * cached an older immutable bundle still receive critical mobile corrections.
 */
@media (max-width: 640px) {
  html,
  body,
  .app-shell,
  .workspace,
  .stripe-module {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  body,
  .workspace {
    overflow-x: clip;
  }

  .topbar,
  .app-primary-nav,
  .stripe-module > *,
  .module-hero > *,
  .stripe-status-panel > *,
  .stripe-connect-admin,
  .stripe-connect-admin .section-heading,
  .stripe-connect-admin .section-heading > *,
  .stripe-connect-account-list,
  .stripe-connect-account-card,
  .stripe-connect-actions,
  .stripe-connect-policy,
  .stripe-connect-provision,
  .stripe-connect-embedded,
  .stripe-connect-embedded-stack {
    max-width: 100%;
    min-width: 0;
  }

  .stripe-connect-account-list,
  .stripe-connect-account-card,
  .stripe-connect-actions,
  .stripe-connect-policy,
  .stripe-connect-provision {
    width: 100%;
  }

  .stripe-connect-admin .section-heading,
  .stripe-connect-actions,
  .stripe-connect-policy,
  .stripe-connect-provision {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .stripe-connect-actions > *,
  .stripe-connect-policy > *,
  .stripe-connect-provision > *,
  .stripe-connect-admin .section-heading > button,
  .stripe-connect-admin .section-heading > a {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .stripe-connect-policy input,
  .stripe-connect-policy select,
  .stripe-connect-provision select {
    width: 100%;
  }

  .module-hero p,
  .ops-section p,
  .stripe-form-note,
  .stripe-connect-account-card small,
  .stripe-connect-account-card a,
  .stripe-connect-account-card button {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .locked-status,
  .stripe-sandbox-note {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .ops-table-wrap,
  .stripe-connect-embedded-stack {
    max-width: 100%;
    overflow-x: auto;
  }
}