/* Office Life desktop density.
   On common desktop viewports at browser 100%, keep the same proportions users
   previously got by manually zooming the browser to ~80%. */
@media (min-width:1281px) and (max-width:2200px) and (min-height:650px){
  .shell{grid-template-columns:182px minmax(0,1fr)!important}

  .sidebar{padding:11px 10px!important}
  .sidebar .logo{margin:2px 5px 11px!important;gap:9px!important;font-size:17px!important}
  .sidebar .logo:before{width:32px!important;height:32px!important;border-radius:10px!important;font-size:16px!important}
  .sidebar .logo .v2-brand-copy small{font-size:8px!important}
  .sidebar .v2-nav-section{margin:10px 8px 4px!important;font-size:8px!important}
  .sidebar button{min-height:34px!important;border-radius:8px!important;padding:7px 8px!important;gap:8px!important;font-size:11px!important}
  .sidebar .v2-nav-icon{width:18px!important;font-size:13px!important}
  .sidebar .footer{padding:11px 5px 0!important;font-size:8px!important}

  .topbar{min-height:58px!important;padding:7px 11px!important;gap:11px!important}
  .topbar>div:first-child{min-width:145px!important;max-width:192px!important}
  .topbar h1{font-size:16px!important}
  .topbar>div:first-child>small{font-size:9px!important;margin-top:2px!important}
  .topbar .toolbar{gap:6px!important}
  .topbar .toolbar>select,.topbar .toolbar>.badge{min-height:32px!important;height:32px!important;border-radius:8px!important;font-size:10px!important}

  .v2-hud-stat{height:39px!important;min-width:94px!important;padding:5px 8px!important;border-radius:10px!important;grid-template-columns:24px 1fr!important;column-gap:6px!important}
  .v2-hud-stat .v2-hud-icon{width:24px!important;height:24px!important;border-radius:7px!important;font-size:14px!important}
  .v2-hud-stat strong{font-size:13px!important}
  .v2-hud-stat small{font-size:8px!important;margin-top:2px!important}
  .v2-hud-actions{gap:5px!important}
  .v2-hud-actions button{min-width:32px!important;height:32px!important;padding:0 8px!important;border-radius:8px!important;font-size:12px!important}
  .v2-hud-actions .v2-next-day{min-width:37px!important}
  .v2-bell .v2-alert-count{min-width:14px!important;height:14px!important;font-size:8px!important;border-width:1px!important}

  .game-calendar{min-width:196px!important;max-width:228px!important;height:32px!important;padding:5px 8px!important;border-radius:8px!important;font-size:9px!important}
  .game-time-tab{height:32px!important;min-height:32px!important;font-size:10px!important}

  .content{padding:13px!important}
  .content.view-floor{gap:8px!important;padding:9px 11px!important}
  .view-floor .v2-map-toolbar{min-height:38px!important;padding:8px 16px!important;margin-bottom:-8px!important;border-radius:14px 14px 0 0!important}
  .v2-map-toolbar .v2-map-left,.v2-map-toolbar .v2-map-right{gap:6px!important}
  .v2-map-toolbar label{gap:5px!important;font-size:8px!important}
  .v2-map-toolbar select{height:29px!important;min-width:80px!important;padding:4px 23px 4px 7px!important;border-radius:7px!important;font-size:10px!important}
  .v2-campus-pill{height:29px!important;padding:0 9px!important;border-radius:7px!important;font-size:9px!important;max-width:176px!important}
  .v2-map-toolbar button{height:29px!important;min-width:29px!important;padding:0 8px!important;border-radius:7px!important;font-size:10px!important}

  .view-floor .floor-layout{gap:8px!important}
  .view-floor .floor-layout.v2-selected{grid-template-columns:minmax(0,1fr) 256px!important}
  .view-floor aside.profile{width:256px!important;border-radius:12px!important}
  .view-floor .floor-scroll{border-radius:13px!important;padding:8px!important}

  /* Keep settings/people/project cards proportionate too. */
  .content:not(.view-floor) .panel{padding:14px!important}
  .person-card,.company-card{font-size:12px!important}
}

/* On large screens, retain the roomier native scale. */
@media (min-width:2201px){
  .shell{grid-template-columns:228px minmax(0,1fr)!important}
}