/* Big-monitor layer (Gerb 10-03: "my resolution increased a ton, show more data on my main monitor, not mobile").
   Only kicks in at 1800px+ wide, so phone, tablet and laptop layouts are untouched. Loaded after shell.css.
   Widens the page only. Card spans are NOT remapped: turning 6+6 pairs into 4+4 left holes (UI list #6). */
@media (min-width:1800px){
  #main{max-width:min(2400px,94vw)}
  .grid{gap:18px}
  .bcards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
  .kpis,.card .tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
}
@media (min-width:2400px){
  #main{max-width:min(3000px,95vw)}
}
/* main menu (/home) on the big monitor: Gerb 10-03 couldn't read the Business tree at 3127px (it sat in a 1000px box) */
@media (min-width:1800px){
  .hub{max-width:1480px}
  .hub-card{padding:32px}
  .hub-hd h2{font-size:26px}
  .hub-node{padding:12px 14px}
  .hub-in b{font-size:17px}
  .hub-st{font-size:13.5px}
  .hub-out{font-size:14px}
  .hub-quick a{font-size:14px;padding:8px 14px}
}
@media (min-width:2400px){ .hub{zoom:1.35} }