/* Final responsive bridge, cleaned for source QA. WordPress app.css remains the base. */

:root {
  --areasports-shell-max: 1200px;
  --tabbar-height: 78px;
}

html,
body.areasports-body {
  overflow-x: hidden;
}

body.areasports-body {
  min-width: 0;
}

body.areasports-body .dashboard-shell,
body.areasports-body .container.page-content {
  width: min(100%, var(--areasports-shell-max));
  max-width: var(--areasports-shell-max);
  margin-inline: auto;
}

body.areasports-body .dashboard-shell__body,
body.areasports-body .dashboard-shell__header,
body.areasports-body .dashboard-shell__footer,
body.areasports-body .card,
body.areasports-body .plan-card,
body.areasports-body .dashboard-view,
body.areasports-body .coach-section,
body.areasports-body .coach-pupils,
body.areasports-body .coach-settings,
body.areasports-body .coach-invites,
body.areasports-body .coach-library,
body.areasports-body .coach-calendar,
body.areasports-body .coach-meals,
body.areasports-body .recipes,
body.areasports-body .coach-catalog,
body.areasports-body .profile-screen,
body.areasports-body .dashboard-today,
body.areasports-body .dashboard-workouts,
body.areasports-body .as-nutrition {
  min-width: 0;
}

body.areasports-body .dashboard-shell__body {
  padding-bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 18px);
}

body.areasports-body .tabbar,
body.areasports-body .dashboard-tabbar,
body.areasports-body .coach-invites__table,
body.areasports-body .admin-table-wrapper,
body.areasports-body .recipes__tabs,
body.areasports-body .coach-pupil-page__tabs,
body.areasports-body .coach-period__tabs {
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

body.areasports-body .tabbar::-webkit-scrollbar,
body.areasports-body .dashboard-tabbar::-webkit-scrollbar,
body.areasports-body .coach-invites__table::-webkit-scrollbar,
body.areasports-body .admin-table-wrapper::-webkit-scrollbar,
body.areasports-body .recipes__tabs::-webkit-scrollbar,
body.areasports-body .coach-pupil-page__tabs::-webkit-scrollbar,
body.areasports-body .coach-period__tabs::-webkit-scrollbar {
  display: none;
}

body.areasports-body .dashboard-plan__actions,
body.areasports-body .coach-library__list,
body.areasports-body .recipes__list,
body.areasports-body .coach-catalog__list,
body.areasports-body .coach-meals-history__stats,
body.areasports-body .coach-calendar-manage__panels,
body.areasports-body .coach-library__filter-row,
body.areasports-body .coach-filters,
body.areasports-body .meal-manager-fields,
body.areasports-body .dashboard-today__content,
body.areasports-body .dashboard-workouts__inner,
body.areasports-body .as-nutrition__columns,
body.areasports-body .food-recommendations__sections,
body.areasports-body .profile-form__fields,
body.areasports-body .progress-form__fields,
body.areasports-body .meal-form__fields,
body.areasports-body .meal-form__fields--macros,
body.areasports-body .as-food-form,
body.areasports-body .coach-workout-row__fields,
body.areasports-body .meal-manager-targets,
body.areasports-body .meal-manager-totals,
body.areasports-body .meal-manager-item__fields {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

body.areasports-body .dashboard-plan__actions,
body.areasports-body .coach-library__list,
body.areasports-body .recipes__list,
body.areasports-body .coach-catalog__list {
  gap: clamp(16px, 2vw, 24px);
}

body.areasports-body .dashboard-plan__actions > *,
body.areasports-body .coach-library__list > *,
body.areasports-body .recipes__list > *,
body.areasports-body .coach-catalog__list > * {
  flex: 1 1 280px;
  min-width: 0;
}

body.areasports-body .dashboard-today__content > *,
body.areasports-body .dashboard-workouts__inner > *,
body.areasports-body .as-nutrition__columns > *,
body.areasports-body .food-recommendations__sections > * {
  flex: 1 1 360px;
  min-width: 0;
}

body.areasports-body .coach-meals-history__stats,
body.areasports-body .coach-calendar-manage__panels,
body.areasports-body .coach-library__filter-row,
body.areasports-body .coach-filters,
body.areasports-body .meal-manager-fields,
body.areasports-body .meal-manager-targets,
body.areasports-body .meal-manager-totals,
body.areasports-body .meal-manager-item__fields,
body.areasports-body .profile-form__fields,
body.areasports-body .progress-form__fields,
body.areasports-body .meal-form__fields,
body.areasports-body .meal-form__fields--macros,
body.areasports-body .as-food-form,
body.areasports-body .coach-workout-row__fields {
  gap: 12px;
}

body.areasports-body .coach-meals-history__stats > *,
body.areasports-body .coach-calendar-manage__panels > *,
body.areasports-body .coach-library__filter-row > *,
body.areasports-body .coach-filters > *,
body.areasports-body .meal-manager-fields > *,
body.areasports-body .meal-manager-targets > *,
body.areasports-body .meal-manager-totals > *,
body.areasports-body .meal-manager-item__fields > *,
body.areasports-body .profile-form__fields > *,
body.areasports-body .progress-form__fields > *,
body.areasports-body .meal-form__fields > *,
body.areasports-body .meal-form__fields--macros > *,
body.areasports-body .as-food-form > *,
body.areasports-body .coach-workout-row__fields > * {
  flex: 1 1 240px;
  min-width: 0;
}

body.areasports-body .coach-filters__field--wide,
body.areasports-body .meal-manager-field--wide,
body.areasports-body .coach-calendar-manage__field--wide {
  flex-basis: 100%;
}

body.areasports-body .user-ex-catalog__panel {
  max-width: min(100vw - 24px, 1180px);
}

@media (max-width: 760px) {
  body.areasports-body .dashboard-shell,
  body.areasports-body .container.page-content {
    width: 100%;
    max-width: 100%;
  }

  body.areasports-body .dashboard-shell__body {
    padding-inline: 12px;
  }

  body.areasports-body .dashboard-plan__actions,
  body.areasports-body .coach-library__list,
  body.areasports-body .recipes__list,
  body.areasports-body .coach-catalog__list,
  body.areasports-body .dashboard-today__content,
  body.areasports-body .dashboard-workouts__inner,
  body.areasports-body .as-nutrition__columns,
  body.areasports-body .food-recommendations__sections,
  body.areasports-body .coach-workout-row__fields,
  body.areasports-body .coach-meals-row,
  body.areasports-body .meal-manager-item__fields,
  body.areasports-body .profile-form__fields,
  body.areasports-body .progress-form__fields,
  body.areasports-body .meal-form__fields,
  body.areasports-body .meal-form__fields--macros,
  body.areasports-body .as-food-form {
    flex-direction: column;
  }

  body.areasports-body .dashboard-plan__actions > *,
  body.areasports-body .coach-library__list > *,
  body.areasports-body .recipes__list > *,
  body.areasports-body .coach-catalog__list > *,
  body.areasports-body .dashboard-today__content > *,
  body.areasports-body .dashboard-workouts__inner > *,
  body.areasports-body .as-nutrition__columns > *,
  body.areasports-body .food-recommendations__sections > *,
  body.areasports-body .coach-workout-row__fields > *,
  body.areasports-body .coach-meals-row > *,
  body.areasports-body .meal-manager-item__fields > *,
  body.areasports-body .profile-form__fields > *,
  body.areasports-body .progress-form__fields > *,
  body.areasports-body .meal-form__fields > *,
  body.areasports-body .meal-form__fields--macros > *,
  body.areasports-body .as-food-form > * {
    flex-basis: auto;
    width: 100%;
  }

  body.app-coach .coach-workout-step__actions,
  body.app-coach .coach-meals__footer,
  body.app-coach .meal-manager-submitbar,
  body.app-user .meal-form__actions,
  body.app-user .profile-actions--sticky,
  body.app-user .ai-chat__composer {
    position: sticky;
    bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 8px);
    z-index: 20;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 26, 32, 0.16);
  }
}