/* qhc-desktop-layout-balance-001
   Desktop assessment uses the same content width as the tool nav.
   A wide content area splits inputs and results. Phone stays one column. */

#quick-health-check.qhc-module {
  container-name: qhc;
  container-type: inline-size;
  max-width: none;
  width: 100%;
}

#quick-health-check .qhc-layout,
#quick-health-check .qhc-layout-main,
#quick-health-check .qhc-layout-side {
  display: contents;
}

@container qhc (min-width: 52rem) {
  #quick-health-check .qhc-layout {
    align-items: start;
    column-gap: 20px;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(16rem, 2fr);
  }

  #quick-health-check .qhc-layout-main,
  #quick-health-check .qhc-layout-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
  }

  #quick-health-check .qhc-layout-side .qhc-results {
    order: 1;
  }

  #quick-health-check .qhc-layout-side .qhc-toolbar {
    order: 2;
  }

  #quick-health-check .qhc-layout-side .qhc-message {
    order: 3;
  }

  #quick-health-check .qhc-layout-side .qhc-named {
    order: 4;
  }

  #quick-health-check .qhc-named,
  #quick-health-check .qhc-named-list,
  #quick-health-check .qhc-results {
    max-height: none;
    overflow: visible;
  }

  #quick-health-check .qhc-row-pair--always {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-gm-card {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-ops-trading {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto;
  }

  #quick-health-check .qhc-row-pair--desktop {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}