.mobile-bottom-nav,.mobile-menu-backdrop{display:none}.mobile-connection{padding:10px 16px;background:#fff2ce;color:#6d4c13;font-size:13px;text-align:center}.mobile-connection[hidden]{display:none}.mobile-shortcut-choices{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-wrap:wrap;gap:12px 24px;margin:12px 0}.mobile-shortcut-choices legend{padding:0 8px;font-weight:600}.mobile-shortcut-choices label{display:flex;align-items:center;gap:8px;min-height:36px}.mobile-install-guide{line-height:1.8}.mobile-install-guide ol{padding-left:22px}.mobile-install-guide li{margin-bottom:12px}.mobile-test-status{padding:16px;margin:16px 0;background:#f3f7ee;border-radius:10px;overflow-wrap:anywhere}.mobile-test-status code{font-size:22px;letter-spacing:3px;user-select:all}.mobile-test-status a{display:block;margin:8px 0;color:var(--green);text-decoration:underline}.mobile-install-guide a{overflow-wrap:anywhere}
@media(max-width:760px){
 html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}body{font-size:14px}h1{font-size:25px;overflow-wrap:anywhere}h2{font-size:19px}h3{font-size:16px}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px!important;max-width:100%}.field input,.field select,input[type="search"]{min-height:46px}.field{font-size:13px;min-width:0}.btn,.btn.small,.icon-button,summary{min-height:44px}.btn,.btn.small{font-size:13px;white-space:normal}.icon-button{min-width:44px;width:44px;height:44px}.text-link{font-size:13px;min-height:36px;white-space:normal}small,.form-hint{line-height:1.6}.app-main{margin-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom));min-width:0}.topbar{position:sticky;top:0;z-index:18;min-height:62px;height:auto;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:6px;background:#fffffff5}.breadcrumb{gap:7px;flex:1}.breadcrumb>span{display:none}.breadcrumb strong{font-size:15px;font-weight:650}.topbar-right{gap:4px}.topbar .global-search{display:flex;min-height:44px;min-width:44px;justify-content:center}.global-search span,.global-search kbd,.topbar .environment,.topbar .notification{display:none}.mobile-menu{display:inline-flex}#content{padding:20px max(14px,env(safe-area-inset-right)) 20px max(14px,env(safe-area-inset-left));min-width:0}.page-heading{align-items:flex-start;gap:16px;margin-bottom:20px}.page-heading p{font-size:13px;line-height:1.6}.page-heading .heading-actions{width:100%}.heading-actions{flex-wrap:wrap;gap:8px;min-width:0}.heading-actions>.btn{flex:1 1 auto}.panel-head{padding:16px;flex-wrap:wrap}.panel-head p{font-size:12px}.padded{padding:16px}.panel,.two-columns>*{min-width:0}.form-grid,.two-columns,.dashboard-grid{grid-template-columns:minmax(0,1fr)}.kpi-grid,.kpi-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:14px}.list-toolbar{flex-wrap:wrap;padding:14px;gap:10px}.list-toolbar .search-box{width:100%;min-width:0;max-width:none}.list-toolbar .field{max-width:100%}.tabs,.route-sections,.order-section-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.tabs>*,.route-sections>*,.order-section-tabs>*{flex-shrink:0;min-height:44px}.footer{padding:14px;flex-wrap:wrap;gap:8px;font-size:11px}.sidebar{width:min(320px,88vw);padding:calc(18px + env(safe-area-inset-top)) 16px 20px;z-index:45;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);height:100dvh}.menu-open .sidebar{transform:translateX(0)}.sidebar .workspace{margin:16px 0}.sidebar .nav-item{min-height:46px;font-size:14px}.sidebar .profile strong{font-size:14px}.sidebar .sidebar-bottom{padding-top:12px}.sidebar .warehouse-label{display:none}.menu-open{overflow:hidden}.menu-open .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:44;background:#12251d66;border:0}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid #dde6d9;padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));box-shadow:0 -4px 20px #17392b08}.mobile-bottom-nav>a,.mobile-bottom-nav>button{flex:1;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;border-radius:10px;color:#6b7a6d;font:600 11px/1.3 inherit}.mobile-bottom-nav span{font:600 11px/1.3 system-ui}.mobile-bottom-nav .icon{width:22px;height:22px}.mobile-bottom-nav [aria-current="page"]{background:#edf4e6;color:#183e32}.overlay-open .mobile-bottom-nav{display:none}.mobile-connection{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:0;right:0;z-index:35}#toast{bottom:calc(88px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:none;width:auto;font-size:14px}.drawer,.modal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;transform:none;border-radius:0;overscroll-behavior:contain}.dialog-head{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;position:sticky;top:0;z-index:2;background:#fff}.dialog-body{padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.dialog-body .form-actions{position:sticky;bottom:calc(-24px - env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:2;gap:8px}.form-actions .btn{flex:1}.detail-grid{gap:12px}.detail-grid strong{overflow-wrap:anywhere}.detail-heading h1{font-size:25px}.order-payment-shortcut,.lead-summary{flex-wrap:wrap;gap:8px}.order-payment-shortcut .btn,.lead-summary .btn{flex:1}.line-form,.stock-form-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:10px}.line-form>.product-picker,.stock-form-line>.product-picker{grid-column:1/-1}.line-form .field,.stock-form-line .field{min-width:0}.line-form input,.stock-form-line input{width:100%;min-height:44px}.product-results{max-height:240px}.product-results button{min-height:52px}.product-photo-editor{flex-wrap:wrap}.product-photo-controls{min-width:0;flex:1}.product-photo-actions{flex-wrap:wrap}.sale-discount summary span{float:none;display:block;margin-top:5px}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.table-wrap td,.table-wrap th{font-size:13px}.table-wrap td strong{font-size:14px}.table-wrap td small{font-size:12px}.table-wrap table{font-variant-numeric:tabular-nums}html[data-mobile-tables="cards"] .mobile-card-table{display:block;min-width:0;width:100%;white-space:normal}html[data-mobile-tables="cards"] .mobile-card-table thead{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}html[data-mobile-tables="cards"] .mobile-card-table tbody{display:block;padding:8px 14px}html[data-mobile-tables="cards"] .mobile-card-table tr{display:block;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:8px;background:#fff}html[data-mobile-tables="cards"] .mobile-card-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 6px!important;text-align:right;white-space:normal;min-width:0;overflow-wrap:anywhere;border:0}html[data-mobile-tables="cards"] .mobile-card-table td::before{content:attr(data-mobile-label);font-size:12px;color:#7a8675;text-align:left;margin-right:auto;max-width:42%;flex-shrink:0}html[data-mobile-tables="cards"] .mobile-card-table td:has(small){flex-wrap:wrap}html[data-mobile-tables="cards"] .mobile-card-table td small{width:100%;text-align:right}html[data-mobile-tables="cards"] .mobile-card-table td:empty{display:none}.audit-list>div{display:flex;flex-wrap:wrap;gap:8px}.audit-list strong,.audit-list span{overflow-wrap:anywhere}.chat-layout{height:calc(100dvh - 220px)}.chat-compose textarea{font-size:16px}.planner-controls{display:flex;flex-wrap:wrap}.planner-controls>label{flex:1 1 180px;min-width:0}.planner-controls>.btn{flex:1}.map-planner .panel-head{padding:16px}.map-planner #delivery-map{height:360px;min-height:300px}.replacement-panel{padding:16px}.planner-grid>*{min-width:0}.notebook-toolbar{gap:8px;flex-wrap:wrap}.notebook-scroll,.calendar-scroll{max-width:100%;touch-action:pan-x pan-y}.login-shell{padding:24px 16px;min-height:100dvh}.login-card{width:100%;max-width:420px;padding:24px}.login-card input{font-size:16px}.mobile-install-guide{font-size:14px}
}
@media(max-width:380px){.kpi-grid,.kpi-grid.three{grid-template-columns:1fr}.topbar-chat{display:none}.detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 .sidebar{visibility:hidden}.menu-open .sidebar{visibility:visible}
 .modal.wide,.drawer.order-workspace{width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0;transform:none;margin:0;border-radius:0}
 .order-form-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:10px}
 .order-form-line>.product-picker{grid-column:1/-1}
 .order-form-line>.quantity-field{grid-column:1;grid-row:2}.order-form-line>.price-field{grid-column:2;grid-row:2}.order-form-line>.remove-line{grid-column:3;grid-row:2;align-self:center;margin:0}
 .order-form-line .field{min-width:0}.order-form-line input{width:100%;min-width:0}.order-form-line .sale-quantity{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
 .sale-quantity-arrows{display:flex;flex-direction:row;position:static;width:100%;border:0;gap:4px}.sale-quantity-arrows button{flex:1;min-width:44px;min-height:36px;border:1px solid #dce5d7;border-radius:6px;font-size:13px}
 .order-section-heading{flex-wrap:wrap}.order-section-heading>.btn{width:100%}.form-section-title{flex-wrap:wrap;gap:8px}
}
.mobile-test-label{background:#fff2ce;color:#725217;text-align:center;padding:8px 12px;font-size:12px;font-weight:600}
@media print{.mobile-bottom-nav,.mobile-menu-backdrop,.mobile-connection{display:none!important}}