/* PayKita v13 — audited across 23 production EJS pages.
   Every top-level full-width layout container shares Dashboard content edges.
   Avoids changing forms, statuses, buttons, data, server routes, or inline modal width.
   Scope limited to Lovable test shell. */
#lv7-dashboard-root {
  --lv13-page-edge: 100%;
}
/* Legacy sections had max-width:1280px and margin:auto, despite
   Dashboard having a 1486px inner width at a 1756px viewport.
   Align actual surface edges, not just their parent wrapper. */
#lv7-dashboard-root .lv9-content > .lv9-page > :is(
  .api-hero, .api-nav, .api-section,
  .tutorial-hero-card, .tutorial-checklist-grid, .tutorial-jump-nav, .tutorial-section,
  .listener-summary-grid, .listener-server-option-note, .listener-main-grid,
  .settings-tabs-card, .settings-panel, .admin-panel,
  .subscription-current, .subscription-tabs, .subscription-pricing-section, .subscription-history,
  .profile-panel, .webhook-secret-card, .profile-grid-2,
  .project-detail-metrics, .project-name-card, .project-history-card, .grid-2,
  .privacy-hero, .privacy-jump-nav, .privacy-section,
  .qpk-locked
) {
  width:var(--lv13-page-edge)!important;
  max-width:var(--lv13-page-edge)!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
/* Keep individual form controls, warning badges, tab chips, buttons, and
   specialized panels at their intrinsic width where appropriate. */
#lv7-dashboard-root .lv9-content > .lv9-page > .subscription-tabs {
  display:flex!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
}
/* Take care of nested media/grid overflow without altering grid fractions. */
#lv7-dashboard-root .lv9-content > .lv9-page > :is(
  .api-hero, .api-section, .listener-main-grid, .listener-summary-grid,
  .tutorial-checklist-grid, .profile-grid-2, .project-detail-metrics, .grid-2
) > * {min-width:0;max-width:100%;box-sizing:border-box;}
@media(max-width:720px){
  #lv7-dashboard-root .lv9-content > .lv9-page > :is(.api-hero,.listener-main-grid,.listener-summary-grid,.grid-2,.profile-grid-2) {grid-template-columns:minmax(0,1fr)!important;}
}