/* Full web staff workspace remains usable on narrow phone screens. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .sidebar{position:sticky;inset:auto;top:0;width:100%;height:auto;z-index:10;padding:10px 12px;background:#fff}
  .sidebar .logo,.side-caption,.side-bottom{display:none}
  .sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:4px 0}
  .sidebar nav button{flex-shrink:0;white-space:nowrap;font-size:13px;padding:10px 13px;min-height:44px}
  main{margin-left:0;width:100%;min-width:0}
  .topbar{padding:12px;position:static}.top-right{width:100%;gap:12px}.top-right button{min-height:40px}
  .workspace{padding:18px 12px 0}.intro{align-items:flex-start;flex-wrap:wrap}.intro h1{font-size:22px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:16px}
  .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .toolbar,.panel-head{flex-wrap:wrap;gap:10px}.toolbar input,.toolbar select{max-width:100%}
  .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid,.members-grid{grid-template-columns:1fr}
  .dialog{width:100%;max-height:90dvh;overflow:auto;padding:20px 16px}.overlay{padding:10px}
  .form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .wide{grid-column:1}
  input,textarea,select{font-size:16px}.form-actions{flex-wrap:wrap}.auth-card{padding:24px;width:100%}
}