/* Keep Android text autosizing from enlarging individual blocks; pinch zoom stays available. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:1024px){
 .mobile-nav-dialog{height:100vh!important;height:var(--mobile-nav-height,100dvh)!important;max-height:100vh!important;max-height:var(--mobile-nav-height,100dvh)!important;box-sizing:border-box!important}
 .mobile-nav-dialog .sidebar,.mobile-nav-dialog .operations-sidebar{flex-wrap:nowrap!important;align-content:normal!important;min-height:0!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:calc(20px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))!important}
 .mobile-nav-dialog nav{flex-wrap:nowrap!important;min-height:0;align-content:normal!important}
 .mobile-nav-dialog nav a{min-width:0!important;max-width:100%;box-sizing:border-box!important}
 .mobile-nav-dialog nav a>span{min-width:0;overflow-wrap:anywhere}
 .mobile-nav-dialog .side-bottom,.mobile-nav-dialog .operations-bottom{flex:0 0 auto!important;margin-top:18px!important;padding-top:0!important}
 .mobile-nav-dialog .workspace,.mobile-nav-dialog .operations-label{margin:18px 0 14px!important}
 .mobile-nav-dialog .mobile-nav-close{flex:none!important}
 body.operations-app{max-width:100%;overflow-x:clip}
 body.operations-app :is(main,#appMain){box-sizing:border-box;min-width:0}
}
@media(max-width:480px){
 body.operations-app{font-size:14px}
 body.operations-app :is(main,#appMain){padding-left:10px;padding-right:10px}
 #appMain>.mobile-nav-bar{margin-left:-10px;margin-right:-10px}
 .mobile-nav-bar{min-height:52px;gap:10px;padding:5px 10px}
 .mobile-nav-title{font-size:14px;line-height:1.3}
 .mobile-nav-toggle{width:42px;height:42px;min-height:42px}
 .mobile-nav-dialog{width:min(88vw,292px)!important}
 .mobile-nav-dialog nav{gap:4px!important}
 .mobile-nav-dialog nav a{min-height:44px!important;padding:10px!important;font-size:13px!important;line-height:1.35!important;gap:9px!important}
 .mobile-nav-dialog .logo,.mobile-nav-dialog .operations-brand img{width:120px!important;max-height:36px!important}
 .mobile-nav-dialog .app-revision{font-size:9px;margin-top:6px}
 body.operations-app :is(header,.app-header){min-height:48px;padding:7px 0;gap:6px;margin-bottom:12px}
 body.operations-app .breadcrumb{display:none}
 body.operations-app .account{flex:1 1 auto;min-width:0;gap:5px;flex-wrap:nowrap;font-size:11px;justify-content:flex-end}
 body.operations-app .account .theme-mode{display:none}
 body.operations-app .account .theme-toggle{padding:6px;min-width:42px;min-height:42px}
 body.operations-app .account :is(#user,#sessionName){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:110px}
 body.operations-app .heading,body.operations-app .page-heading{margin:16px 0 12px;padding-top:0;gap:8px}
 body.operations-app .heading h1,body.operations-app .page-heading h1{font-size:22px;line-height:1.25;margin:5px 0;letter-spacing:-.6px}
 body.operations-app .heading p,body.operations-app .page-heading p{font-size:12px;margin:5px 0;line-height:1.45}
 body.operations-app .heading>div{flex-basis:100%}
 body.operations-app .eyebrow{font-size:9px;letter-spacing:1.2px}
 body.operations-app :is(.panel,.panel-title,.location-search,.location-multi-search,.raf-sayim-work){padding:12px}
 body.operations-app :is(.draft-notice,.home-alert){padding:10px 12px;font-size:12px;line-height:1.5;margin-bottom:14px}
 body.operations-app .status{font-size:12px;margin-bottom:12px;line-height:1.5}
 html[data-theme] body.operations-app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){font-size:16px;min-height:42px;padding:8px 10px}
 body.operations-app :is(button,.primary,.secondary,.quiet,.camera-trigger){font-size:12px;padding:9px 11px}
 body.operations-app .search-actions{gap:7px}
 body.operations-app .location-multi-cards{gap:12px;padding-bottom:105px}
 body.operations-app .location-multi-card{padding:13px}
 body.operations-app .location-multi-heading h2{font-size:15px}
 body.operations-app .edit-addresses{gap:6px;margin:10px 0 14px}
 body.operations-app .edit-addresses li{padding:5px 8px;font-size:13px;gap:6px}
 body.operations-app .editor-meta{font-size:12px;line-height:1.6}
 body.operations-app .editor-label{font-size:12px;margin-top:14px}
 body.operations-app .change-preview{font-size:12px;padding:10px;line-height:1.6}
 body.operations-app .location-multi-save{padding:9px 10px calc(9px + env(safe-area-inset-bottom));gap:5px}
 body.operations-app .location-multi-save span{font-size:11px;width:100%;text-align:center}
 body.operations-app .location-multi-save button{width:100%;justify-content:center;min-height:44px}
 body.operations-app .takviye-tabs{margin:14px 0 12px;gap:6px}
 body.operations-app .takviye-tabs button{padding:11px 8px;font-size:13px}
 body.operations-app .takviye-search{padding:12px;margin-bottom:14px}
 body.operations-app .takviye-list{gap:12px}
 body.operations-app .takviye-info{padding:12px}
 body.operations-app .takviye-info h2{font-size:14px;margin-bottom:8px}
 body.operations-app .takviye-identifiers{font-size:12px;line-height:1.65}
 body.operations-app .takviye-card-body{grid-template-columns:minmax(0,1fr) 76px}
 body.operations-app .takviye-gauge{padding:12px 8px;gap:10px}
 body.operations-app .takviye-gauge strong{font-size:27px}
 body.operations-app .takviye-gauge span{font-size:10px}
 body.operations-app .takviye-warning{font-size:12px;line-height:1.5}
 body.operations-app .takviye-add{padding:0 12px 12px}
 body.operations-app .takviye-quick{gap:6px;margin:12px 0 10px}
 body.operations-app .home-summary{padding:16px;margin:14px 0}
 body.operations-app .home-total{gap:12px;padding-bottom:16px;margin-bottom:16px}
 body.operations-app .home-total>div{min-width:100px}
 body.operations-app .home-total strong{font-size:30px}
 body.operations-app .home-total :is(span,small){font-size:12px}
 body.operations-app .home-occupancy{gap:18px}
 body.operations-app .home-bays{height:22px;gap:3px}
 body.operations-app .home-occupancy-title{font-size:14px;margin-bottom:10px}
 body.operations-app .home-occupancy-title strong{font-size:21px}
 body.operations-app .home-shortcuts{gap:9px;margin:14px 0 20px}
 body.operations-app .home-shortcuts a{padding:13px;font-size:13px}
 body.operations-app .location-card{padding:14px 0;gap:10px}
 body.operations-app #results{padding:0 12px}
 body.operations-app .location-card h3{font-size:14px}
 body.operations-app .saved-drafts,body.operations-app .raf-sayim-history{margin:16px 0}
 body.operations-app :is(.saved-draft-row,.takviye-draft,.raf-sayim-row){padding:12px;gap:9px}
 body.operations-app .app-nav{margin-top:0}
 body.operations-app .measure-grid{gap:10px}
 body.operations-app #measurement-form{padding:12px}
 body.operations-app footer{font-size:10px;margin-top:20px}
}

/* Bound the document to the device; long content shrinks inside its own panel. */
@media(max-width:1024px){
 html{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
 body.operations-app{width:100%;max-width:100%;margin-left:0;margin-right:0;overflow-x:hidden;overscroll-behavior-x:none}
 body.operations-app :is(main,#appMain){width:100%;max-width:100%;margin-left:0;margin-right:0}
 body.operations-app :is(main,#appMain)>*{min-width:0}
 body.operations-app :is(.search-actions,.pick-item-head,.location-multi-heading,.raf-sayim-row,.takviye-draft,.takviye-undo,.home-occupancy-title)>*{min-width:0}
 body.operations-app :is(.panel,.pick-item,.location-search,.location-multi-search,.raf-sayim-work,.takviye-search,.home-summary,.home-racks){min-width:0;max-width:100%;box-sizing:border-box}
 body.operations-app :is(.pick-item-head,.location-multi-heading,.takviye-undo){flex-wrap:wrap}
 body.operations-app :is(.search-actions,.takviye-manual){flex-wrap:wrap}
 body.operations-app .search-actions input{min-width:0;max-width:100%}
 body.operations-app :is(.home-occupancy,.home-shortcuts)>*{min-width:0;overflow-wrap:anywhere}
 body.operations-app :is(.pick-orders,.pick-toolbar,.raf-sayim-row,.takviye-draft,.takviye-undo,.location-multi-save){overflow-wrap:anywhere}
 body.operations-app .mobile-nav-bar{box-sizing:border-box;min-width:0}
 body.operations-app .mobile-nav-title{min-width:0}
 body.operations-app .location-multi-save{box-sizing:border-box;max-width:100%}
 body.operations-app :is(button,.primary,.secondary,.quiet){max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@supports(overflow:clip){
 @media(max-width:1024px){html,body.operations-app{overflow-x:clip}}
}