/* Phase 4 · Large screens (27" and 32" displays). Loaded last.
   Laptop (≤1680): unchanged. Desktop (1681–2199): up to 1600 px of content.
   27" (2200–2799, e.g. 2560 px): up to ~1840 px, slightly larger text, extra columns.
   32" (≥2800, e.g. 3008 px): up to ~2100 px, a little larger again. */

@media (min-width:1681px){
  body.overview-design .app-main{max-width:1600px!important}
  body.overview-design .lvb,body.overview-design .lvl,body.overview-design #accounting-center-root,body.overview-design .lv-overview,body.overview-design .lvb-tabs-top,body.overview-design .statement-flow{max-width:none}
  body.overview-design .lvset,body.overview-design .lvai{max-width:none}
  body.overview-design .app-top .lv-search{flex:0 1 560px;max-width:560px}
  body.overview-design .lvset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.overview-design .lvai-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.overview-design .lvac-health{grid-template-columns:repeat(4,minmax(0,1fr))}
  #dialog.lv-page .lv-page-in{max-width:1180px}
}

@media (min-width:2200px){
  body.overview-design .app-main{max-width:1704px!important;zoom:1.08}
  body.overview-design .app-top{zoom:1.06}
  body.overview-design .app-top .lv-search{flex:0 1 680px;max-width:680px}
  /* Use the width for more columns instead of empty gutters. */
  body.overview-design .lvsale-kpis,body.overview-design .lvl-kpis,body.overview-design .lvb-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.overview-design .lvcoa-groups{columns:3}
  body.overview-design .lvac-health{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.overview-design .lvac-two{grid-template-columns:minmax(0,2fr) minmax(0,1fr) !important}
  body.overview-design .lvsale-two{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.overview-design .lvset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.overview-design .lvr-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
  body.overview-design .lvinv-books,body.overview-design .accounting-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.overview-design .lvrev-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr) minmax(380px,1.1fr)}
  body.overview-design .lvbk-inbox .bookkeeping-row{grid-template-columns:40px minmax(0,2.2fr) minmax(0,1.4fr) 150px 150px 96px}
  #dialog.lv-page .lv-page-in{max-width:1320px}
}

@media (min-width:2800px){
  body.overview-design .app-main{max-width:1875px!important;zoom:1.12}
  body.overview-design .app-top{zoom:1.1}
  body.overview-design .app-top .lv-search{flex:0 1 760px;max-width:760px}
  #dialog.lv-page .lv-page-in{max-width:1440px}
}

/* Public website: 1,312 px up to 1,680; about 1,600 on desktops; about 1,760 on 27" and larger. */
@media (min-width:1760px){
  body:not(.overview-design){--fx:max(16px,calc((100% - 1600px)/2))}
}
@media (min-width:2200px){
  body:not(.overview-design){--fx:max(16px,calc((100% - 1760px)/2))}
}