/* Reforço mobile e diagnóstico seguro dos fluxos principais.
 * Não altera dados, relatórios, backups, metas nem shortcodes.
*/
html[data-tb-flow-health="ready"] .tb-react-diagnostics-root {
  scroll-margin-top: 88px;
}

@media (max-width: 782px) {
  .tb-modal-card,
  .tb-goal-builder-modal,
  .tb-session-form-card {
    max-width: min(100%, 96vw) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .tb-goal-builder-layout,
  .tb-goal-builder-layout-single,
  .tb-session-cards-grid,
  .tb-journey-sections,
  .tb-journey-sections-grid {
    grid-template-columns: 1fr !important;
  }

  .tb-journey-tabs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 100%;
  }

  .tb-goal-builder-actions,
  .tb-session-form-actions,
  .tb-modal-actions {
    position: sticky;
    bottom: 0;
    z-index: 12;
    background: inherit;
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }

  .tb-client-card,
  .tb-client-card-compact,
  .tb-client-card-activity-card {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}