html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%;touch-action:manipulation}body{min-height:100%;overscroll-behavior-y:none}button,a,select,input{touch-action:manipulation}.button,.nav-item,.text-button,.icon-button{min-height:44px}.table-wrap{-webkit-overflow-scrolling:touch}
@media (max-width:1180px),(hover:none) and (pointer:coarse){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .shell{display:block;min-height:100vh}
  .sidebar{position:sticky;top:0;z-index:30;width:100%;height:auto;min-height:72px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));flex-direction:row;align-items:center;gap:14px;border-right:0;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
  .sidebar .brand{flex:none}.sidebar .brand strong{font-size:15px}.sidebar .brand small{font-size:8px}
  .sidebar nav{display:flex;flex:1;gap:6px;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px}.sidebar nav::-webkit-scrollbar{display:none}
  .nav-item,.nav-item.active,.nav-item:not(.active){flex:none;justify-content:center;gap:7px;padding:10px 12px;font-size:12px;white-space:nowrap}.nav-item span{font-size:17px}
  .sidebar-foot{display:none}
  main{padding:0 max(20px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
  .topbar{height:auto;min-height:92px;padding:17px 0;margin-bottom:22px;gap:14px}.topbar h1{font-size:27px}.top-actions{justify-content:flex-end;flex-wrap:wrap}.top-actions .button{font-size:12px}.top-actions .button:after{content:none}.environment{display:none}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.analytics-layout,.licensing-grid,.customer-workspace-grid{grid-template-columns:1fr!important}
  .customer-directory,.customer-workspace{min-width:0}.location-card{grid-template-columns:1fr minmax(170px,.7fr) auto}
  dialog{max-height:calc(100dvh - 30px);overflow:auto}.connect{min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}.connect-card{width:min(520px,100%)}
}
@media (max-width:700px){
  .sidebar{min-height:62px;padding-top:max(8px,env(safe-area-inset-top));gap:8px}.sidebar .brand span{display:none}.sidebar .brand-mark{width:32px;height:32px}.sidebar nav{margin-left:0}.nav-item,.nav-item.active,.nav-item:not(.active){width:46px;min-height:46px;padding:9px;font-size:0}.nav-item span{font-size:19px}
  main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.topbar{align-items:center}.topbar h1{font-size:23px}.top-actions{gap:7px}.top-actions .staff-systems-link{display:none}.top-actions select{max-width:150px}.top-actions .button{width:44px;padding:10px;font-size:0}.top-actions .button:after{content:"+";font-size:20px}
  .metrics{grid-template-columns:1fr}.metric{min-height:112px}.analytics-toolbar{margin-top:2px}.analytics-layout{display:grid}.action-panel{gap:15px}.panel{padding:16px}.location-card{grid-template-columns:1fr}.form-fields{grid-template-columns:1fr}.form-fields .wide{grid-column:auto}
}
@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.sidebar{top:env(safe-area-inset-top)}}