/* Large-desktop scale pass — ui37
   Goal: use 27" / QHD / ultrawide desktop space instead of leaving a narrow centered canvas.
   Mobile/tablet layout is intentionally untouched. */
@media (min-width:1600px){
  :root{
    --b-max:9999px;
    --b-topbar-h:78px;
    --b-sidebar-w:264px;
  }

  /* Shell: consume the viewport and raise the visual scale. */
  .beta-main{padding:38px clamp(32px,1.8vw,58px) 92px!important}
  .beta-topbar{gap:14px!important;padding:11px 22px!important}
  .beta-brand{min-width:230px!important;gap:12px!important}
  .beta-brand-logo-wrap{width:48px!important;height:48px!important;border-radius:15px!important}
  .beta-brand-logo{width:36px!important;height:36px!important}
  .beta-brand-copy strong{font-size:17px!important}.beta-brand-copy small{font-size:11.5px!important}
  .beta-context{height:54px!important;min-width:210px!important;padding:8px 14px!important;border-radius:14px!important}
  .beta-context-label{font-size:10.5px!important}.beta-context strong{font-size:13.5px!important}
  .beta-search-trigger{height:54px!important;min-width:380px!important;max-width:650px!important;flex-basis:650px!important;padding:0 16px!important;font-size:13.5px!important;border-radius:14px!important}
  .beta-search-trigger kbd{font-size:10.5px!important}
  .beta-readonly{font-size:11.5px!important;padding:7px 11px!important}
  .beta-icon-button{width:44px!important;height:44px!important;border-radius:12px!important}
  .beta-profile{min-width:190px!important;max-width:280px!important;min-height:46px!important;padding:0 13px!important}
  .beta-profile>.beta-profile-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}
  .beta-profile-copy small{font-size:10.5px!important}.beta-profile-copy strong{font-size:12.5px!important}
  .beta-logout{min-width:76px!important;font-size:11.5px!important}

  .beta-sidebar{padding:19px 13px 15px!important}
  .beta-sidebar nav{gap:6px!important}
  .beta-nav-item{min-height:52px!important;padding:11px 13px!important;gap:12px!important;border-radius:14px!important;font-size:14px!important}
  .beta-nav-icon{width:30px!important;height:30px!important;border-radius:10px!important}
  .beta-sidebar-foot{padding:13px!important}.beta-sidebar-foot small{font-size:10.5px!important}.beta-sidebar-foot span{font-size:11.5px!important}

  /* Page hierarchy. */
  .beta-page-head{gap:20px!important;margin-bottom:24px!important}
  .beta-eyebrow{font-size:11px!important;margin-bottom:8px!important}
  .beta-page-head h1{font-size:40px!important;line-height:1.04!important}
  .beta-page-head p{font-size:14.5px!important;line-height:1.45!important;margin-top:9px!important}
  .beta-page-actions{gap:10px!important}
  .beta-btn{min-height:44px!important;padding:0 16px!important;border-radius:12px!important;font-size:13px!important}

  /* Common information density: larger controls and text, not just wider containers. */
  .beta-grid{gap:16px!important}
  .beta-card{border-radius:18px!important}
  .beta-kpi{min-height:136px!important;padding:19px 20px!important}
  .beta-kpi-label{font-size:12px!important}.beta-kpi-icon{width:34px!important;height:34px!important}.beta-kpi-value{font-size:31px!important}.beta-kpi-meta{font-size:11px!important}
  .beta-panel{padding:20px!important}.beta-panel h2{font-size:17px!important}.beta-panel p{font-size:12px!important}
  .beta-list-row{padding:13px 0!important}.beta-list-title{font-size:13px!important}.beta-list-meta{font-size:10.5px!important}.beta-list-value{font-size:12px!important}

  /* Inventory / list pages. */
  .beta-view-tabs{gap:7px!important;margin-bottom:14px!important}
  .beta-view-tab{padding:10px 14px!important;font-size:12.5px!important}
  .beta-toolbar{gap:11px!important;padding:13px!important;margin-bottom:13px!important;border-radius:17px!important}
  .beta-search{flex-basis:360px!important}
  .beta-search input,.beta-select{height:44px!important;padding:0 13px!important;border-radius:12px!important;font-size:13px!important}
  .beta-select{min-width:180px!important}
  .beta-count{font-size:12px!important;padding:7px 10px!important}

  #inventoryResults .beta-table{min-width:1180px!important}
  #inventoryResults .beta-table th{height:40px!important;padding:0 12px!important;font-size:10.5px!important;line-height:1.2!important}
  #inventoryResults .beta-table td{height:46px!important;padding:7px 12px!important;font-size:13px!important;line-height:1.28!important}
  #inventoryResults .beta-item-title{font-size:13.5px!important;line-height:1.22!important}
  #inventoryResults .beta-item-sub{margin-top:2px!important;font-size:10px!important;line-height:1.2!important}
  #inventoryResults .beta-status{padding:5px 8px!important;font-size:11px!important}
  #inventoryResults .beta-status-sub{font-size:9.5px!important}
  #inventoryResults .inventory-imei-cell{font-size:12.5px!important}
  .inventory-row-check{width:22px!important;height:22px!important;flex-basis:22px!important}
  .inventory-row-check>span{width:19px!important;height:19px!important}
  .beta-pager{padding-top:13px!important;font-size:11.5px!important}

  /* Generic settings/admin tables should scale with the rest of desktop. */
  .ui-table th{font-size:11px!important;padding:11px 12px!important}
  .ui-table td{font-size:13px!important;padding:11px 12px!important;line-height:1.38!important}
  .ui-card-head h2{font-size:18px!important}.ui-card-head p{font-size:12px!important}
}

/* Ultrawide/QHD+: avoid the old narrow centered-column feeling entirely. */
@media (min-width:2400px){
  :root{--b-topbar-h:82px;--b-sidebar-w:276px}
  .beta-main{padding-left:56px!important;padding-right:56px!important;padding-top:42px!important}
  .beta-page-head h1{font-size:42px!important}
  .beta-page-head p{font-size:15px!important}
  .beta-view-tab{font-size:13px!important;padding:10px 15px!important}
  .beta-search input,.beta-select{font-size:13.5px!important}
  #inventoryResults .beta-table th{font-size:11px!important}
  #inventoryResults .beta-table td{font-size:13.5px!important;height:48px!important}
  #inventoryResults .beta-item-title{font-size:14px!important}
  #inventoryResults .beta-item-sub{font-size:10.5px!important}
}