/* v20: split operational KPI cards into two rows on screen and print.
   Cards 1-6 = operational KPIs, arranged 3 + 3.
   Cards 7-11 = NCR KPIs, kept together on one row of 5. */

@media screen and (min-width:861px){
  .stats-grid{
    display:grid!important;
    grid-template-columns:repeat(15,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:9px!important;
  }
  .stats-grid>.stat-card{min-width:0!important;}
  .stats-grid>.stat-card:nth-child(-n+6){grid-column:span 5!important;}
  .stats-grid>.stat-card:nth-child(n+7){grid-column:span 3!important;}
}

@page{size:A4 portrait;margin:4mm}
@media print{
  .app-shell{
    width:202mm!important;
    height:289mm!important;
    grid-template-rows:11mm 60mm 214mm!important;
    gap:2mm!important;
  }

  .stats-grid{
    width:202mm!important;
    height:60mm!important;
    min-height:60mm!important;
    display:grid!important;
    grid-template-columns:repeat(15,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:1mm!important;
    overflow:hidden!important;
  }
  .stats-grid>.stat-card{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:1.25mm 1.45mm!important;
    overflow:hidden!important;
  }
  .stats-grid>.stat-card:nth-child(-n+6){grid-column:span 5!important;}
  .stats-grid>.stat-card:nth-child(n+7){grid-column:span 3!important;}

  .stat-label{font-size:7.1pt!important;line-height:1.04!important;}
  .stat-main{margin:.4mm 0 .5mm!important;min-height:4.2mm!important;}
  .stat-main .stat-value,.stat-value{font-size:13.8pt!important;}
  .stat-main .stat-foot,.stat-foot{font-size:5.1pt!important;}
  .stat-breakdown{gap:.4mm!important;padding-top:.45mm!important;}
  .stat-project{padding:.42mm .5mm!important;}
  .stat-project span{font-size:4.25pt!important;}
  .stat-project strong{font-size:5.9pt!important;}

  main{
    width:202mm!important;
    height:214mm!important;
    min-height:214mm!important;
    grid-template-rows:106mm 106mm!important;
    gap:2mm!important;
  }
  #tab-overview,.report-page-overview,
  .project-pulse-shell{
    height:106mm!important;
    min-height:106mm!important;
  }
  #tab-contractors,.report-page-contractors,
  .contractor-layout,
  .contractor-card,.quality-card{
    height:106mm!important;
    min-height:106mm!important;
  }
}