/* PRO_DETAILED_ANALYSIS_V2_PHASE5_H2
   Professional Systems Builder only.
   Final 2K density closeout: left-aligned cohort cards, column-family-aware
   widths and preserved full-width behaviour throughout the smaller viewport
   matrix. No report calculation or table-selection behaviour changes. */

/* ========================================================================== 
   2K / SURPLUS-WIDTH PRESENTATION
   ========================================================================== */

@media (min-width: 2200px) {
  /* Negative-only reports contain one identity column plus seven analytical
     columns. At 56% they remain spacious enough for the enlarged Phase 5 type
     while no longer reading as an empty full-width strip. */
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.negative-only-breakdown-card {
    width: min(56%, 1280px) !important;
    max-width: 1280px !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Positive-only reports carry the wider qualifier metric family and need
     more room than negative-only reports, but still do not need the full 2K
     report canvas. */
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.single-positive-breakdown-card {
    width: min(70%, 1600px) !important;
    max-width: 1600px !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Dual-cohort reports retain almost all available width, but the controlled
     right-side breathing room reduces excessive column separation at 2K. */
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.dual-cohort-breakdown-card {
    width: 90% !important;
    max-width: none !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* ========================================================================== 
   STANDARD DESKTOP / LAPTOP FALLBACK
   ========================================================================== */

@media (min-width: 1801px) and (max-width: 2199px) {
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.negative-only-breakdown-card,
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.single-positive-breakdown-card,
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.dual-cohort-breakdown-card {
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1800px) {
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.negative-only-breakdown-card,
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.single-positive-breakdown-card,
  body[data-workspace-mode="pro_system_builder"] #quickReportOverlay.pro-canvas-detailed-report .detail-breakdown-card.dual-cohort-breakdown-card {
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
