/* High-density desktop layout. Normal laptops and mobile keep their existing UI. */
@media (min-width:2200px) {
  html{font-size:18px}
  body{background:#fff}
  #sellingScreen.selling-open{grid-template-columns:300px minmax(0,1fr);background:linear-gradient(90deg,#a83a05 0,#a83a05 300px,#fff 300px,#fff 100%)}
  #sellingScreen>.app-header{min-height:94px;padding:26px 86px 22px}
  #sellingScreen>.app-header h1{font-size:1.8rem}
  .app-header-logo{width:50px;height:50px}
  #sellingScreen>.tab-bar{height:calc(100vh - 94px);padding:22px 16px}
  #sellingScreen>.tab-bar>.tab-btn{grid-template-columns:43px 1fr;padding:12px 14px;border-radius:14px;font-size:.82rem}
  #sellingScreen>.tab-bar>.tab-btn .ti{width:36px;height:36px;font-size:1.15rem}
  #sellingScreen>.tab-bar>.tab-btn:after{font-size:.61rem}
  #sellingScreen>.tab-bar>.nav-group-title{padding:18px 14px 7px;font-size:.59rem}
  #sellingScreen>.tab-panel{max-width:2200px;padding:32px 42px;min-height:calc(100vh - 94px)}
  .card{padding:24px;border-radius:20px;margin-bottom:18px}
  .card-title{font-size:.82rem;margin-bottom:17px}
  .stats-row{gap:14px;margin-bottom:18px}
  .stat-box{padding:19px 12px;border-radius:17px}
  .stat-val{font-size:1.45rem}.stat-lbl{font-size:.68rem}
  input[type="text"],input[type="number"],input[type="tel"],input[type="time"],input[type="date"],input[type="month"],input[type="password"],select,textarea{min-height:48px}
  button{min-height:38px}
  .bi-grid,.portal-owner-grid,.gps-admin-grid{gap:20px}
  .tomorrow-stats{gap:13px}.tomorrow-stats>div{padding:18px}
  .login-card{max-width:520px;padding:58px 48px}
  .login-brand-logo{width:132px;height:132px}
  .login-showcase-copy{max-width:850px}
  .login-showcase-features{max-width:900px;gap:16px}
  .sel-shell{width:min(1320px,100%)}
}

@media (min-width:3200px) {
  html{font-size:20px}
  #sellingScreen.selling-open{grid-template-columns:350px minmax(0,1fr);background:linear-gradient(90deg,#a83a05 0,#a83a05 350px,#fff 350px,#fff 100%)}
  #sellingScreen>.app-header{min-height:108px;padding:30px 105px 25px}
  #sellingScreen>.tab-bar{height:calc(100vh - 108px);padding:25px 20px}
  #sellingScreen>.tab-bar>.tab-btn{grid-template-columns:50px 1fr;padding:14px 16px}
  #sellingScreen>.tab-bar>.tab-btn .ti{width:41px;height:41px;font-size:1.25rem}
  #sellingScreen>.tab-panel{max-width:2850px;padding:44px 58px;min-height:calc(100vh - 108px)}
  .card{padding:30px;border-radius:24px;margin-bottom:22px}
  .stats-row{gap:18px;margin-bottom:22px}
  .login-card{max-width:610px;padding:68px 58px}
  .login-brand-logo{width:155px;height:155px}
  .sel-shell{width:min(1550px,100%)}
}

@media (min-width:3800px) and (min-height:2000px) {
  html{font-size:21px}
  #sellingScreen>.tab-panel{max-width:3100px;padding-left:70px;padding-right:70px}
  .app-header-logo{width:58px;height:58px}
}