/* v18: force the five NCR KPI cards onto one dedicated row on desktop screens. */
@media screen and (min-width:861px){
  .stats-grid{
    display:grid!important;
    grid-template-columns:repeat(30,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:8px!important;
  }
  .stats-grid>.stat-card{
    min-width:0!important;
    width:auto!important;
  }
  /* First six operational KPIs share row one. */
  .stats-grid>.stat-card:nth-child(-n+6){
    grid-column:span 5!important;
  }
  /* All five NCR KPIs share row two. */
  .stats-grid>.stat-card:nth-child(n+7){
    grid-column:span 6!important;
  }
  /* Keep narrower cards readable on standard laptop widths. */
  .stats-grid>.stat-card:nth-child(n+7) .stat-label{
    font-size:11px!important;
    line-height:1.12!important;
  }
  .stats-grid>.stat-card:nth-child(n+7) .stat-value,
  .stats-grid>.stat-card:nth-child(n+7) .stat-main .stat-value{
    font-size:25px!important;
  }
  .stats-grid>.stat-card:nth-child(n+7) .stat-foot,
  .stats-grid>.stat-card:nth-child(n+7) .stat-main .stat-foot{
    font-size:9.5px!important;
  }
  .stats-grid>.stat-card:nth-child(n+7) .stat-project{
    padding:6px!important;
  }
  .stats-grid>.stat-card:nth-child(n+7) .stat-project span{
    font-size:8px!important;
  }
  .stats-grid>.stat-card:nth-child(n+7) .stat-project strong{
    font-size:11px!important;
  }
}

/* Do not change the dedicated print layout. */
@media print{
  .stats-grid>.stat-card:nth-child(n+7) .stat-label,
  .stats-grid>.stat-card:nth-child(n+7) .stat-value,
  .stats-grid>.stat-card:nth-child(n+7) .stat-main .stat-value,
  .stats-grid>.stat-card:nth-child(n+7) .stat-foot,
  .stats-grid>.stat-card:nth-child(n+7) .stat-main .stat-foot,
  .stats-grid>.stat-card:nth-child(n+7) .stat-project span,
  .stats-grid>.stat-card:nth-child(n+7) .stat-project strong{
    font-size:revert!important;
  }
}