/*
  Sprint 59 hotfix — loads LAST in cascade.
  Targets: right-panel scroll, analytics full visibility, PNL overflow, mobile analytics.
  Root causes fixed:
    1. #dgAnalyticsCard overflow-y:auto hides riskGrid + compounding (scrollHeight bug)
    2. Trade list max-height:none pushes bottom sections out of panel
    3. Mobile .dg-grid-right display:none hides analytics entirely
*/

/* ═══ DESKTOP ≥1101px ═══ */
@media (min-width: 1101px) {

  /* Right panel: independent sticky scroll column */
  .dg-grid-right,
  .dg-grid-sidebar {
    height: calc(min(100vh, 100dvh) - var(--dg-stack-h) - 8px) !important;
    max-height: calc(min(100vh, 100dvh) - var(--dg-stack-h) - 8px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
  }

  /* Analytics card: NO internal clip — card grows to fit ALL content.
     Previous bug: flex layout constrained card to ~594px while content needed ~783px.
     overflow:visible painted beyond boundary but didn't increase scrollHeight. */
  #dgAnalyticsCard {
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
  }

  #dgAnalyticsCard .dg-analytics-panel {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
  }

  /* Equity curve: auto height, never clip */
  #dgAnalyticsCard .dg-analytics-equity-wrap {
    height: auto !important;
    min-height: 66px !important;
    overflow: visible !important;
  }

  /* Trade list: reasonable cap to prevent infinite expansion.
     Internal scroll for long lists; this KEEPS bottom sections reachable. */
  #dgAnalyticsCard .dg-analytics-trade-list {
    max-height: min(260px, 30vh) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Risk grid: no cap, always fully visible */
  #dgAnalyticsCard .dg-analytics-risk-grid {
    max-height: none !important;
    overflow: visible !important;
  }

  /* Compounding: reasonable cap with internal scroll */
  #dgAnalyticsCard .dg-analytics-compounding-wrap {
    max-height: min(220px, 28vh) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* ═══ TABLET 721–1100px ═══ */
@media (min-width: 721px) and (max-width: 1100px) {

  /* Right panel flows in normal document — no clip */
  #dgAnalyticsCard,
  #dgAnalyticsCard .dg-analytics-panel {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #dgAnalyticsCard .dg-analytics-equity-wrap {
    height: auto !important;
    min-height: 66px !important;
    overflow: visible !important;
  }

  #dgAnalyticsCard .dg-analytics-trade-list {
    max-height: min(260px, 35vh) !important;
    overflow-y: auto !important;
  }

  #dgAnalyticsCard .dg-analytics-compounding-wrap {
    max-height: min(220px, 30vh) !important;
    overflow-y: auto !important;
  }

  #dgAnalyticsCard .dg-analytics-stat-value {
    overflow-wrap: anywhere;
  }
}

/* ═══ MOBILE ≤720px ═══ */
@media (max-width: 720px) {

  /*
    Core mobile fix: right column was display:none, hiding analytics entirely.
    Change to display:contents so child cards participate in mobile flex flow.
    Cards are reordered via order: properties already in v12-shell.css.
  */
  .dg-grid-right {
    display: contents !important;
  }

  /* Hide non-essential right column cards on mobile
     (alarms, liquidity, pressure are accessed via overlay) */
  #dgAlarmsCard,
  #dgLiqCard,
  #dgPressureCard {
    display: none !important;
  }

  /* Analytics card: visible in mobile flow at order:10 */
  #dgAnalyticsCard {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    order: 10 !important;
    margin-top: 4px;
  }

  #dgAnalyticsCard .dg-analytics-panel {
    max-height: none !important;
    overflow: visible !important;
  }

  #dgAnalyticsCard .dg-analytics-equity-wrap {
    height: auto !important;
    min-height: 60px !important;
    overflow: visible !important;
  }

  #dgAnalyticsCard .dg-analytics-trade-list {
    max-height: min(240px, 40vh) !important;
    overflow-y: auto !important;
  }

  #dgAnalyticsCard .dg-analytics-compounding-wrap {
    max-height: min(200px, 35vh) !important;
    overflow-y: auto !important;
  }

  #dgAnalyticsCard .dg-analytics-stat-value {
    overflow-wrap: anywhere;
  }

  /* Ensure PNL overlay body always scrolls cleanly */
  #dgMobPnlOverlay .dg-mob-overlay-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
}