/* qhc-desktop-upper-gap-20261023
   Desktop quick check only. Phone styles stay on the existing max-width: 900px
   sheets. These rules run only where the desktop two-column layout is already
   active: viewport at least 901px and the quick-check container at least 52rem.
   Horizontal gaps between the two columns, and between side-by-side fields,
   preview at 8px. Outer padding, type size, and control height stay as they are. */

#quick-health-check .qhc-invest-amount-add {
  display: contents;
}

@media (min-width: 901px) {
  @container qhc (min-width: 52rem) {
    #quick-health-check .qhc-layout {
      column-gap: 8px;
    }

    #quick-health-check .qhc-row-pair--always {
      column-gap: 8px;
    }

    #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue {
      column-gap: 8px;
    }

    #quick-health-check .qhc-entry-column .qhc-fixed-row {
      column-gap: 8px;
    }

    #quick-health-check .qhc-choice--opening-mode {
      column-gap: 8px;
      display: grid;
      gap: 8px;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    #quick-health-check .qhc-invest-entry-row {
      align-items: end;
      column-gap: 8px;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    #quick-health-check .qhc-invest-type-field {
      grid-column: 1;
      min-width: 0;
    }

    #quick-health-check .qhc-invest-amount-add {
      align-items: end;
      column-gap: 8px;
      display: grid;
      grid-column: 2;
      grid-template-columns: minmax(0, 1fr) auto;
      min-width: 0;
    }

    #quick-health-check [data-qhc-resource-grid].smp-resource-grid {
      column-gap: 8px;
    }
  }
}