/**
 * Mobile viewport containment — load last on dashboard.php
 * Fixes cards wider than screen (width:100% + border in content-box).
 */

@media (max-width: 768px) {
  html.cpn-dashboard-root .section-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html.cpn-dashboard-root #toolsHubShell,
  html.cpn-dashboard-root #profile-status-panel,
  html.cpn-dashboard-root .dash-segment,
  html.cpn-dashboard-root .cpn-home-ecosystem,
  html.cpn-dashboard-root .cpn-home-motivation,
  html.cpn-dashboard-root .cpn-home-revenue-idea,
  html.cpn-dashboard-root .cpn-home-welcome {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html.cpn-dashboard-root #tools-footer.section-wrapper {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}