/* Phone-first refinements for busy staff shifts */
.employee-tabs{position:sticky;top:0;z-index:6;background:#f5f7f5;padding-top:7px}.service-button,.employee-tab,.attendance-options button,.shift-card button{touch-action:manipulation}@media(max-width:560px){body{font-size:15px}.topbar{position:sticky;top:0;z-index:10}.staff-view{padding:18px 14px 92px}.staff-header{margin-bottom:13px}.staff-header .back-link{margin-bottom:13px}.staff-header h1{font-size:29px}.staff-header>div>p:last-child{font-size:13px}.shift-card{padding:12px;width:100%;justify-content:space-between}.shift-card button{padding:10px 12px;font-size:12px}.employee-tabs{margin:0 -14px 16px;padding:7px 14px 0;gap:2px;box-shadow:0 6px 11px #edf1ee}.employee-tab{padding:12px 12px;font-size:12px}.quick-head{align-items:flex-start;gap:10px}.quick-head h2{font-size:21px}.quick-head p{font-size:12px;line-height:1.45}.notes-button{min-height:38px;white-space:nowrap}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-button{min-height:158px;padding:16px 13px;border-radius:15px}.service-icon{width:40px;height:40px;margin-bottom:16px}.service-button strong{font-size:14px;line-height:1.18}.service-button small{font-size:10px;line-height:1.35;margin-top:5px}.service-button>b{right:12px;bottom:12px;padding:6px 8px;font-size:12px}.today-card{border-radius:13px}.work-head h2{font-size:22px}.hours-summary article{padding:16px}.payslip-row{padding:14px}.attendance-dialog{border-radius:19px}.attendance-options button{min-height:128px}.exit-demo{bottom:12px}.status-row{padding:10px 15px}.owner-launch{margin:0 0 14px}.content{padding:20px 14px 70px}.welcome-panel{padding-bottom:28px}}