/**
 * Shorten the landing command-center hero. The previous min-height
 * (100vh - 4.5rem) filled the first screen; this keeps the same layout
 * and search overlay, just with less unused vertical space.
 * Unique filename: nginx caches /css/ immutable.
 */

@media (min-width: 901px) {
  html[data-active-module="landing"] {
    --erp-hero-min-offset: 14rem;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center {
    min-height: calc(100vh - var(--erp-hero-min-offset)) !important;
    height: auto !important;
    padding-top: calc(1.15rem + var(--erp-desktop-search-h, 3rem)) !important;
    padding-bottom: 1.5rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-inner,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center .erp-hero-inner {
    row-gap: 0.75rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-cc-kpi-row,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-visual,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-kpi-row,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-visual.erp-cc-kpi-row,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-kpi-row,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-visual.erp-cc-kpi-row {
    grid-auto-rows: 132px !important;
  }

  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .kpi-card,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card,
  html body.erp-body #landing .erp-hero.erp-hero--command-center .kpi-card {
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
  }

  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-command-center,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-center {
    padding: 0.7rem 0.85rem !important;
  }
}