/* Desktop-only vertical density keyed to the rendered site-name line count. */
@media (min-width: 981px) {
  #siteList .site-row.site-energy-card .site-name {
    align-self: start !important;
    padding-top: 0 !important;
    font-size: var(--desktop-name-font-size, 14.4px) !important;
    letter-spacing: var(--desktop-name-letter-spacing, normal) !important;
  }

  /* Move both primary metric blocks upward without changing the surrounding card spacing. */
  #siteList .site-row.site-energy-card .desktop-card-metrics {
    position: relative !important;
    top: -4px !important;
    justify-self: stretch !important;
    width: 100% !important;
  }

  /*
   * The metric grid and the site name both begin at the outer card's column-2 edge.
   * Stretch the SOC grid track itself to that edge; older card rules left
   * justify-content:center active, which centered the track even when its children
   * were individually left-aligned.
   */
  #siteList .site-row.site-energy-card .desktop-card-metric.state {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
    justify-items: start !important;
    padding-left: 0 !important;
    text-align: left !important;
  }

  #siteList .site-row.site-energy-card .desktop-card-metric.state > strong,
  #siteList .site-row.site-energy-card .desktop-card-metric.state > span {
    justify-self: start !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

  /* Single-line names need less title-row height; metrics can begin sooner. */
  #siteList .site-row.site-energy-card[data-desktop-name-lines="1"] {
    grid-template-rows: 24px auto auto !important;
  }

  #siteList .site-row.site-energy-card[data-desktop-name-lines="1"] .desktop-card-vpp {
    margin-top: 16px !important;
  }

  /* Double-line names retain enough height for the full title while staying top-aligned. */
  #siteList .site-row.site-energy-card[data-desktop-name-lines="2"] {
    grid-template-rows: 38px auto auto !important;
  }

  #siteList .site-row.site-energy-card[data-desktop-name-lines="2"] .desktop-card-vpp {
    margin-top: 2px !important;
  }
}