/* Shared narrow topbar contract: keep the shift label visible on every page. */
@media(max-width:900px){
 html body .topbar{box-sizing:border-box!important;min-width:0!important;gap:8px!important;padding:8px 10px!important;align-items:center!important;flex-wrap:wrap!important}
 html body .topbar .topbar-actions{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;max-width:100%!important;margin-left:auto!important}
 html body .topbar #shiftIndicator{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:56px!important;height:32px!important;padding:0 7px!important;gap:5px!important;border-radius:9px!important}
 html body .topbar #shiftIndicator .shift-info{display:flex!important;min-width:0!important}
 html body .topbar #shiftIndicator .shift-info strong{display:block!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
 html body .topbar #shiftIndicator .shift-info small{display:none!important}
 html body .topbar #shiftIndicator .shift-dot{width:6px!important;height:6px!important;flex:0 0 6px!important;margin:0!important}
 html body .topbar :is(.menu-btn,.icon-btn){width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;flex:0 0 30px!important;padding:0!important;border-radius:9px!important}
 html body .topbar .user-chip{min-width:0!important;padding:0 3px!important;gap:0!important}
}