/* Workshop staff on small screens. Compatible with WebViews without CSS :has(). */
@media(max-width:760px){
 html.atelier-workshop-shell{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
 body.atelier-workshop-shell{height:auto!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important}
 html.atelier-workshop-shell.atelier-workshop-modal,body.atelier-workshop-shell.modal-open{overflow:hidden!important}
 body.atelier-workshop-shell .admin-top-shell{display:block!important;width:100%;min-width:0;min-height:100vh;height:auto!important;overflow:visible!important}
 body.atelier-workshop-shell .admin-top-shell>.main{display:block!important;width:100%;min-width:0;min-height:100vh;height:auto!important;padding-left:0!important;overflow:visible!important}
 body.atelier-workshop-shell .admin-top-shell .content{display:block!important;flex:none!important;min-height:0;min-width:0;height:auto!important;max-height:none!important;width:100%!important;box-sizing:border-box;padding:14px 12px calc(100px + env(safe-area-inset-bottom,0px))!important;overflow:visible!important}
 body.atelier-workshop-shell .admin-header{position:static!important;top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'brand menu' 'tools tools'!important;gap:8px!important;min-height:0!important;height:auto!important;max-height:none!important;padding:8px 12px!important;margin:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;z-index:auto!important}
 body.atelier-workshop-shell .admin-brand{grid-area:brand!important;position:static!important;display:flex!important;align-items:center;min-height:38px!important;height:auto!important;min-width:0!important;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
 body.atelier-workshop-shell .admin-brand strong{display:block;max-width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;font-size:17px!important;line-height:1.25!important;color:#182837!important}
 body.atelier-workshop-shell .admin-brand .v2-brand-version,body.atelier-workshop-shell .admin-header>.dv1-workshop-banner{display:none!important}
 body.atelier-workshop-shell .admin-mobile-menu{grid-area:menu!important;position:static!important;display:flex!important;align-items:center;justify-content:center;min-width:58px;min-height:42px!important;margin:0!important;padding:8px 10px!important;background:#edf4f1!important;border:1px solid #b9cfc4!important;border-radius:8px;color:#174c37!important}
 body.atelier-workshop-shell .admin-userbar{grid-area:tools!important;position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px 42px!important;grid-template-rows:auto!important;gap:6px!important;width:100%!important;min-width:0;min-height:0!important;height:auto!important;padding:0!important;margin:0!important}
 body.atelier-workshop-shell .admin-userbar>.admin-current-view,body.atelier-workshop-shell .admin-userbar>.admin-create-menu,body.atelier-workshop-shell .admin-userbar>.client-live-chip,body.atelier-workshop-shell .admin-userbar>.workshop-scan-entry,body.atelier-workshop-shell .admin-userbar>.btn,body.atelier-workshop-shell .global-search-filters{display:none!important}
 body.atelier-workshop-shell .admin-userbar>.global-search{display:block!important;grid-column:1!important;grid-row:1!important;min-width:0!important;max-width:none!important;width:100%!important;margin:0!important}
 body.atelier-workshop-shell .global-search>i{display:none!important}
 body.atelier-workshop-shell #globalSearchInput{display:block;width:100%!important;box-sizing:border-box;min-height:42px!important;font-size:16px!important;padding:10px!important;margin:0!important}
 body.atelier-workshop-shell .admin-userbar>.ux-notify-button{display:flex!important;align-items:center;justify-content:center;position:relative!important;grid-column:2!important;grid-row:1!important;width:40px!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:4px!important}
 body.atelier-workshop-shell .admin-userbar>.mission-utility-menu{display:block!important;grid-column:3!important;grid-row:1!important;align-self:center!important;width:42px!important;margin:0!important}
 body.atelier-workshop-shell .mission-utility-menu>summary{display:flex;align-items:center;justify-content:center;width:42px!important;min-width:0!important;min-height:42px!important;padding:3px!important;box-sizing:border-box}
 body.atelier-workshop-shell .mission-utility-menu>summary>.ti{display:none!important}
 body.atelier-workshop-shell .mission-utility-popover{position:absolute;z-index:1100;right:0;left:auto;width:min(260px,calc(100vw - 24px));max-height:70vh;overflow-y:auto}
 body.atelier-workshop-shell .global-search-results{position:absolute!important;z-index:1100;top:100%!important;left:0!important;right:auto!important;width:calc(100vw - 24px)!important;max-width:none!important;max-height:65vh!important;overflow-y:auto!important;box-sizing:border-box}
 body.atelier-workshop-shell #adminTopNav.top-nav{position:fixed!important;z-index:1200!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;display:block!important;width:min(320px,calc(100vw - 42px))!important;min-height:0!important;max-height:100vh!important;padding:18px 12px!important;box-sizing:border-box;overflow-x:hidden!important;overflow-y:auto!important;transform:translateX(-110%)!important;visibility:hidden;pointer-events:none;background:#202929!important}
 body.atelier-workshop-shell .admin-header.mobile-nav-open #adminTopNav.top-nav{transform:translateX(0)!important;visibility:visible;pointer-events:auto}
 body.atelier-workshop-shell .admin-mobile-dock{position:fixed!important;z-index:200;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;width:auto!important;box-sizing:border-box;background:#fff!important}
 body.atelier-workshop-shell .admin-mobile-dock button,body.atelier-workshop-shell .admin-mobile-dock .workshop-mobile-scan{min-width:0;min-height:44px!important;font-size:9px!important;overflow:hidden}
 body.atelier-workshop-shell .admin-mobile-dock button{background:transparent!important;color:#405972!important}
 body.atelier-workshop-shell .admin-mobile-dock button.primary{background:#c8520e!important;color:#fff!important}
 body.atelier-workshop-shell .admin-mobile-dock button.active{background:#fff0e7!important;color:#a0440c!important}
 body.atelier-workshop-shell .admin-mobile-dock .workshop-mobile-scan{display:grid;align-content:center;justify-items:center;gap:2px;background:#e5f5ee!important;color:#125a3d!important;text-decoration:none;font-weight:800}
 body.atelier-workshop-shell .admin-mobile-dock .workshop-mobile-scan .ti{font-size:20px}
 body.atelier-workshop-shell .production-table-wrap,body.atelier-workshop-shell .mission-table-frame,body.atelier-workshop-shell .table-scroll,body.atelier-workshop-shell .table-wrap,body.atelier-workshop-shell .client-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
 body.atelier-workshop-shell table.mission-responsive-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;background:transparent!important}
 body.atelier-workshop-shell table.mission-responsive-table>thead{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
 body.atelier-workshop-shell table.mission-responsive-table>tbody{display:grid!important;width:100%!important;gap:10px!important}
 body.atelier-workshop-shell table.mission-responsive-table>tbody>tr.mission-record{display:grid!important;width:100%!important;min-width:0!important;box-sizing:border-box;padding:8px 10px!important;border:1px solid #c6d5df;border-left:3px solid #8ca0aa;border-radius:10px;background:#fff}
 body.atelier-workshop-shell table.mission-responsive-table>tbody>tr>td{display:grid!important;grid-template-columns:minmax(80px,30%) minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;box-sizing:border-box;padding:8px 0!important;border:0!important;border-bottom:1px solid #edf0ee!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body.atelier-workshop-shell table.mission-responsive-table>tbody>tr>td:before{content:attr(data-label);color:#60727d;font-size:9px;font-weight:800;text-transform:uppercase}
 body.atelier-workshop-shell table.mission-responsive-table>tbody>tr>td.mission-record-actions{display:block!important}
 body.atelier-workshop-shell table.mission-responsive-table>tbody>tr>td.mission-record-span{grid-template-columns:minmax(0,1fr)!important}
 body.atelier-workshop-shell table.mission-responsive-table>tbody>tr>td.mission-record-span:before{display:none}
 body.atelier-workshop-shell table.mission-responsive-table>tbody>tr>td>.workshop-location-inline{grid-column:1/-1;min-width:0;width:100%;max-width:100%}
 body.atelier-workshop-shell table.mission-responsive-table select,body.atelier-workshop-shell table.mission-responsive-table button{max-width:100%;min-width:0}
 body.atelier-workshop-shell .grid.cols-2,body.atelier-workshop-shell .grid.cols-3,body.atelier-workshop-shell .grid.cols-4,body.atelier-workshop-shell .summary-grid,body.atelier-workshop-shell .dashboard-lower-grid,body.atelier-workshop-shell .dashboard-main-grid,body.atelier-workshop-shell .dashboard-mission-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0;max-width:100%}
 body.atelier-workshop-shell .panel,body.atelier-workshop-shell .dashboard-command-center,body.atelier-workshop-shell .dashboard-command-copy{min-width:0;max-width:100%;box-sizing:border-box}
 body.atelier-workshop-shell .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;overflow-y:auto;-webkit-overflow-scrolling:touch}
 body.atelier-workshop-shell .modal{max-width:calc(100vw - 20px);box-sizing:border-box}
}