/* Compact shift controls for simple mobile screens; business controls remain available. */
@media screen and (max-width:700px){
 body[data-cafe-world=normal] #shiftsPage:not([hidden]){display:flex;flex-direction:column;gap:8px}
 body[data-cafe-world=normal] #shiftsPage>*{order:5;margin-top:0!important;margin-bottom:0!important;min-width:0}
 body[data-cafe-world=normal] #shiftsPage>.simple-work-bar{order:0}
 body[data-cafe-world=normal] #shiftsPage>.sh-header{order:1;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px!important;padding:9px!important;min-height:0!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header h1{font-size:22px!important;margin:0!important;line-height:1.3}
 body[data-cafe-world=normal] #shiftsPage>.sh-header :is(img,p){display:none!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header>div:first-child{flex:1;min-width:100px}
 body[data-cafe-world=normal] #shiftsPage>.sh-header button{min-height:44px!important;padding:5px 8px!important;font-size:12px!important;flex:0 1 auto!important;width:auto!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-month-toolbar{order:2;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 52px;gap:5px!important;padding:0!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-month-toolbar label{display:flex!important;gap:4px;align-items:center;font-size:11px!important;min-width:0}
 body[data-cafe-world=normal] #shiftsPage #shMonth{width:100%!important;min-width:0!important;padding:4px!important;font-size:14px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-month-toolbar button{width:auto!important;min-height:44px!important;font-size:11px!important;line-height:1.2;padding:3px!important}
 body[data-cafe-world=normal] #shiftsPage>#shSaveStatus{order:3;font-size:12px!important;line-height:1.4}
 body[data-cafe-world=normal] #shiftsPage>.sh-workflow{order:4;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;padding:8px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-workflow button{min-height:60px!important;padding:5px!important;line-height:1.35;font-size:13px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-workflow p{grid-column:1/-1;font-size:11px!important;margin:0!important;line-height:1.4}
 body[data-cafe-world=normal] #shiftsPage>.sh-grouped-tabs{padding:0!important;display:flex!important;flex-wrap:wrap;gap:6px!important}
 body[data-cafe-world=normal] #shiftsPage .sh-tab-group{padding:0!important;border:0!important;min-width:0;flex:1 1 100%}
 body[data-cafe-world=normal] #shiftsPage .sh-tab-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
 body[data-cafe-world=normal] #shiftsPage .sh-tab-buttons button{min-height:44px!important;padding:5px!important;font-size:13px!important;white-space:normal}
 body[data-cafe-world=normal] #shiftsPage>.sh-toolbar:not(.sh-month-toolbar){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important;padding:0!important}
 body[data-cafe-world=normal] #shiftsPage #shWeek{grid-column:2;grid-row:1;min-width:0!important;padding:4px!important;font-size:12px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-toolbar:not(.sh-month-toolbar) button{width:auto!important;min-height:44px!important;padding:4px!important;font-size:12px!important;line-height:1.3}
 body[data-cafe-world=normal] #shiftsPage>.sh-payroll,body[data-cafe-world=normal] #shiftsPage>.sh-unmade{order:8}
 body[data-cafe-world=normal] #shiftsPage>.sh-note{order:9}
}
@media screen and (max-width:700px){
 body[data-cafe-world=normal] #shiftsPage::after{order:10}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-art{display:none!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-title{width:auto!important;flex:1 1 100%;padding:0!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-controls{display:flex!important;flex:1 1 100%;gap:6px!important;width:100%!important;margin:0!important;padding:0!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-controls button{flex:1 1 50%!important;font-size:12px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-workflow button{grid-column:auto!important;grid-row:auto!important}
}
@media screen and (max-width:700px){
 body[data-cafe-world=normal] #shiftsPage>.sh-header{flex-direction:row!important;text-align:left!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-controls{flex-direction:row!important;flex-wrap:nowrap!important}
 body[data-cafe-world=normal]:has(#shiftsPage:not([hidden])) .reference-sidebar .brand.reference-brand-sign{min-height:0!important;padding:3px 14px!important;margin:3px auto 6px!important}
 body[data-cafe-world=normal]:has(#shiftsPage:not([hidden])) .reference-sidebar .brand-title{font-size:18px!important}
}

@media screen and (max-width:700px){
 body[data-cafe-world=normal] #shiftsPage :is(#shMonth,#shWeek){font-size:16px!important}
 body[data-cafe-world=normal] #shiftsPage :is(.sh-header button,.sh-month-toolbar button,.sh-toolbar button,.sh-tab-buttons button,.sh-workflow button){font-size:14px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-month-toolbar label{font-size:14px!important}
}
/* Mobile simple shifts: show the local period controls and keep print/backup beside the title. */
@media screen and (max-width:700px){
 body[data-cafe-world=normal]:has(#shiftsPage:not([hidden])) .header-tools>.date-pill{display:none!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-title{flex:1 1 64px!important;min-width:64px!important;width:auto!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-controls{flex:0 1 248px!important;width:auto!important;max-width:100%!important;gap:5px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-header .cafe-page-controls button{flex:1 1 auto!important;padding:5px!important;line-height:1.3!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-actions:has(>.sh-stat){display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 10px!important}
 body[data-cafe-world=normal] #shiftsPage>.sh-actions>.sh-stat{min-height:0!important;line-height:1.4!important;padding:0!important;font-size:14px!important;background:transparent!important;border:0!important;border-radius:0!important}
}