/* qhc-phone-pair-topbar-20261022
   Quick assessment phone only.
   The three top controls sit on the right and stay one row at normal type.
   Revenue and period share the same two columns as margin and closed days.
   Field cards drop their extra frame so the inputs use one grid.
   Section folds, the page edge, and the desktop columns stay. */

@media (max-width: 900px) {
  html[data-homepage-view="qhc"] .topbar-tools {
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 40;
  }

  html[data-homepage-view="qhc"] .topbar-tools > details,
  html[data-homepage-view="qhc"] .topbar-tools > .currency-field {
    flex: 0 1 auto;
    max-width: 100%;
    min-width: 0;
    width: auto;
  }

  html[data-homepage-view="qhc"] .topbar-settings summary,
  html[data-homepage-view="qhc"] .account-panel summary,
  html[data-homepage-view="qhc"] .topbar-settings summary#settings-summary {
    box-sizing: border-box;
    display: block;
    height: 36px;
    line-height: 34px;
    max-width: 100%;
    overflow: hidden;
    padding-left: 6px;
    padding-right: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-homepage-view="qhc"] .currency-field.global-currency-field {
    min-width: 0;
  }

  html[data-homepage-view="qhc"] .currency-selected-label,
  html[data-homepage-view="qhc"] .currency-selected-label > span {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-homepage-view="qhc"] .topbar-settings {
    position: static;
  }

  html[data-homepage-view="qhc"] .settings-popover {
    left: auto;
    right: 0;
    top: calc(100% + 8px);
    width: min(220px, calc(100vw - 24px));
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always {
    align-items: stretch;
    column-gap: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto auto !important;
    row-gap: 6px !important;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue,
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-gm-card,
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-trading {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: contents !important;
    padding: 0 !important;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue > .qhc-period-pair,
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-trading > .qhc-closed-days-row {
    display: contents !important;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue > #qhc-revenue-label,
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-gm-card > .qhc-pair-label {
    align-self: end;
    grid-column: 1 !important;
    margin: 0;
    min-width: 0;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue > #qhc-revenue-label {
    grid-row: 1 !important;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue > input[name="revenueAmount"] {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-gm-card > .qhc-pair-label {
    grid-row: 3 !important;
    margin-top: 10px;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-gm-card > .qhc-pair-control {
    grid-column: 1 !important;
    grid-row: 4 !important;
    min-width: 0;
    width: 100%;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-gm-card > .qhc-pair-extra {
    grid-column: 1 !important;
    grid-row: 5 !important;
    min-width: 0;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always #qhc-period-label,
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-trading > #qhc-closed-days-label {
    align-self: end;
    grid-column: 2 !important;
    margin: 0;
    min-width: 0;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always #qhc-period-label {
    grid-row: 1 !important;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always select[name="revenuePeriod"] {
    field-sizing: fixed;
    font-size: 1rem;
    grid-column: 2 !important;
    grid-row: 2 !important;
    max-width: 100%;
    min-width: 0;
    text-overflow: clip;
    width: 100%;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-trading > #qhc-closed-days-label {
    grid-row: 3 !important;
    margin-top: 10px;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always input[name="closedDaysPerYear"] {
    grid-column: 2 !important;
    grid-row: 4 !important;
    min-width: 0;
    width: 100%;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always .qhc-trading-summary {
    grid-column: 2 !important;
    grid-row: 5 !important;
    min-width: 0;
    width: 100%;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-trading > .qhc-trading-notes {
    grid-column: 2 !important;
    grid-row: 6 !important;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always input[name="revenueAmount"],
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always select[name="revenuePeriod"],
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always .qhc-gm-card .qhc-input-affix input,
  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always input[name="closedDaysPerYear"] {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 44px;
    min-width: 0;
    width: 100%;
  }
}