/* qhc-phone-layout-refinement-001
   Phone assessment only. Desktop two-column rules stay in the container query. */

@media (max-width: 767px) {
  /* Phone only: candidate B (12e87087) top row. Desktop rules stay outside this query. */
  #quick-health-check .qhc-row-pair--always {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto auto !important;
    column-gap: 4.4px !important;
    row-gap: 4px !important;
    align-items: stretch;
  }

  #quick-health-check .qhc-row-pair--always .qhc-pair-label {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.25;
    margin: 0;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0, 63fr) minmax(0, 37fr) !important;
    column-gap: 4.4px !important;
    row-gap: 3px !important;
    align-items: end;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue > #qhc-revenue-label,
  #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue #qhc-period-label {
    min-height: 0;
    align-items: flex-end;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue input[name="revenueAmount"],
  #quick-health-check .qhc-row-pair--always > .qhc-ops-revenue select[name="revenuePeriod"] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 44px;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-gm-card,
  #quick-health-check .qhc-row-pair--always > .qhc-ops-trading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: subgrid !important;
    grid-row: 2 / span 4 !important;
    align-content: stretch;
    align-items: stretch;
    width: auto;
    min-width: 0;
    gap: 2.4px !important;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-gm-card {
    padding-inline: 8px 4px;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-ops-trading {
    padding-inline: 4px 8px;
  }

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

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

  #quick-health-check .qhc-row-pair--always > .qhc-gm-card > .qhc-pair-label,
  #quick-health-check .qhc-row-pair--always > .qhc-ops-trading > .qhc-pair-label {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    margin: 0;
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
  }

  #quick-health-check .qhc-gm-card > .qhc-field--gm {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    min-width: 0;
    width: 100%;
  }

  #quick-health-check .qhc-gm-card > .qhc-field--gm,
  #quick-health-check .qhc-gm-card .qhc-input-affix input,
  #quick-health-check .qhc-ops-trading input[name="closedDaysPerYear"] {
    box-sizing: border-box;
    min-height: 44px;
  }

  #quick-health-check .qhc-gm-card > .qhc-gm-explain-block {
    grid-column: 1;
    grid-row: 3;
    align-self: start;
    min-width: 0;
  }

  #quick-health-check .qhc-gm-explain-formula {
    margin: 0;
    color: #5c6b64;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: none;
  }

  #quick-health-check .qhc-row-pair--always > .qhc-ops-trading > .qhc-closed-days-row {
    display: contents !important;
  }

  #quick-health-check .qhc-ops-trading input[name="closedDaysPerYear"] {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  #quick-health-check .qhc-ops-trading > .qhc-trading-notes {
    grid-column: 1;
    grid-row: 4;
    align-self: start;
    min-width: 0;
  }

  #quick-health-check .qhc-trading-summary {
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: transparent !important;
    color: #5c6b64;
    font-size: 0.8125rem;
    font-weight: 400 !important;
    text-align: left;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
  }

  #quick-health-check .qhc-trading-summary-label,
  #quick-health-check .qhc-trading-summary-body {
    display: block;
  }

  #quick-health-check .qhc-disclosure-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 8px;
    row-gap: 2px;
    min-height: 44px;
  }

  #quick-health-check .qhc-disclosure-heading {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  #quick-health-check .qhc-disclosure-title {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
    white-space: normal;
  }

  #quick-health-check .qhc-disclosure-toggle {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    width: 22px;
    height: 22px;
    order: 0;
  }

  #quick-health-check .qhc-disclosure-status {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: end;
    max-width: 100%;
    order: 0;
    text-align: right;
  }

  #quick-health-check .qhc-disclosure-status--total {
    flex-direction: row;
    justify-content: flex-end;
    width: auto;
  }

  #quick-health-check .qhc-disclosure-amount {
    white-space: normal;
  }

  #quick-health-check .qhc-fixed-controls {
    grid-template-columns: minmax(0, 3fr) minmax(118px, 2fr);
  }

  #quick-health-check .qhc-results-overall-summary-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    align-items: center;
    column-gap: 8px;
  }

  #quick-health-check .qhc-results-overall-title {
    grid-column: 1;
    grid-row: 1;
  }

  #quick-health-check .qhc-results-overall-summary {
    grid-column: 1;
    grid-row: 2;
    flex: none;
  }

  #quick-health-check .qhc-results-overall.qhc-result-fold > .qhc-result-fold-summary > .qhc-result-fold-toggle,
  #quick-health-check .qhc-results-overall-summary-row > .qhc-result-fold-toggle {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    width: 22px;
    height: 22px;
    margin-left: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  #quick-health-check .qhc-results-overall-summary-value {
    white-space: normal;
    overflow-wrap: normal;
  }
}