.mobile-nav-backdrop,.mobile-nav-close,.mobile-clock-toggle,.mobile-stock-cards{display:none}
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}
  body{font-size:14px;line-height:1.55}
  body.mobile-nav-open{overflow:hidden}
  .layout,.main{width:100%;max-width:100%;min-width:0;margin-left:0}
  .main{padding-bottom:env(safe-area-inset-bottom)}
  .content{padding:18px 12px calc(24px + env(safe-area-inset-bottom));max-width:100%}
  .sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:min(304px,calc(100vw - 40px));height:100dvh;padding:24px 16px max(18px,env(safe-area-inset-bottom));transform:translateX(-110%);transition:transform .2s ease;overscroll-behavior:contain}
  .sidebar.open{transform:translateX(0);box-shadow:12px 0 40px #0003}
  .sidebar .brand{padding:8px 42px 22px 6px;gap:10px}
  .sidebar .nav{gap:5px}.sidebar .nav a{min-height:46px;padding:11px 14px;font-size:14px}
  .sidebar .nav-label{margin-bottom:8px}.sidebar-bottom{margin-top:20px}
  .mobile-nav-close{display:grid;place-items:center;position:absolute;right:10px;top:12px;width:40px;height:40px;border-radius:10px;background:#ffffff16;color:white;font-size:24px}
  .mobile-nav-backdrop{position:fixed;inset:0;z-index:70;border:0;background:#0c1d2680;backdrop-filter:blur(2px)}
  .mobile-nav-open .mobile-nav-backdrop{display:block}
  .topbar{height:auto;min-height:60px;position:sticky;top:0;z-index:50;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));gap:6px;flex-wrap:nowrap;align-items:center}
  .topbar .breadcrumb{flex:1;min-width:0;gap:5px;font-size:13px}
  .breadcrumb>span:not(#crumb){display:none}
  #crumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
  .mobile-toggle{display:grid;place-items:center;min-width:40px;width:40px;height:42px;padding:0;border-radius:9px;flex:none}
  .topbar-right{width:auto;margin-left:0;flex:none;gap:4px;flex-wrap:nowrap}
  .topbar-right>.chip{display:none}
  .topbar-right .menu-order-button,.topbar-right .skin-switch-button,.topbar-right>.icon-btn,.mobile-clock-toggle{display:grid;place-items:center;width:36px;min-width:36px;height:40px;min-height:40px;padding:0;border-radius:9px}
  .topbar-right .menu-order-button span,.topbar-right .skin-switch-button span{display:none}
  .mobile-clock-toggle{border:1px solid var(--line);background:var(--skin-field,var(--white));color:var(--green)}
  .mobile-clock-toggle svg{width:18px;height:18px}
  .topbar-right #clock{display:none!important}
  .mobile-times-open .topbar-right #clock{display:grid!important;position:absolute;top:calc(100% + 4px);left:10px;right:10px;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--skin-field,var(--white));box-shadow:0 10px 30px #10203024}
  .mobile-times-open .world-clock+.world-clock{border:0;padding-left:0}
  .mobile-times-open .world-clock-label{font-size:12px}.mobile-times-open .world-clock time{font-size:13px}
  .page-heading{margin-bottom:18px;display:block}.page-heading h1{font-size:23px;line-height:1.35;overflow-wrap:anywhere}
  .page-heading p{font-size:13px;line-height:1.65}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:6px}
  .page-heading .actions{margin-top:13px;display:flex;flex-wrap:wrap;gap:8px}.page-heading .actions .btn{flex:1;min-width:125px;justify-content:center}
  .card{min-width:0;border-radius:13px}.card-header,.card-body{padding:15px}.card-header{gap:10px;flex-wrap:wrap}
  .card-header h2{font-size:16px}.card-header p{font-size:12px}.card-header>.actions{margin-left:auto;flex-wrap:wrap}
  .card-footer{padding:14px;gap:10px;align-items:center}.card-footer .pagination{flex-wrap:wrap;justify-content:flex-end}
  .btn{min-height:44px;font-size:13px;padding:10px 13px}.btn-small{min-height:38px}.icon-btn{min-width:40px;min-height:40px}
  .control,input,select,textarea{font-size:16px}.control{min-height:44px;max-width:100%}
  input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;flex:none;accent-color:var(--green)}
  input[type=file]{font-size:13px;max-width:100%;width:100%;overflow:hidden}
  .field label,.feature-field-label{font-size:13px}.field,.form-stack{min-width:0}.field-row,.grid-two,.grid-three,.grid-equal,.detail-grid{grid-template-columns:minmax(0,1fr)!important}
  .stats,.rp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.stat,.rp-metric{padding:14px;min-width:0}
  .stat-number,.rp-metric strong{font-size:25px;line-height:1.3}.stat-label,.rp-metric span{font-size:12px}.stat-note,.rp-metric small{font-size:11px;line-height:1.5}
  .rp-stock-metrics>.rp-metric:first-child{grid-column:1/-1}
  .data-summary{grid-template-columns:minmax(0,1fr);gap:8px}.data-summary a{padding:12px 14px}.data-summary span{font-size:12px}
  .filters,.rp-filters,.feature-toolbar,.feature-product-filter,.feature-purchase-cost-filters{display:flex;flex-wrap:wrap;gap:9px;padding:13px;min-width:0}
  .filters>.control,.rp-filters>.control,.feature-filter>.control,.feature-product-filter>.control{width:100%;max-width:100%;min-width:0;flex:1 1 100%}
  .search-wrap,.rp-filters .search-wrap{flex:1 1 100%;width:100%;min-width:0;max-width:100%}.search-wrap input{width:100%;max-width:100%}
  .filters .btn,.rp-filters .btn{flex:1}.filters>label,.rp-filters>label{min-height:40px;font-size:12px}
  .filters>span,.rp-source>span{white-space:normal;overflow-wrap:anywhere}
  .feature-filter{flex-wrap:wrap;max-width:100%;width:100%}.feature-toolbar .actions{width:100%;flex-wrap:wrap}
  .rp-tabs,.feature-tabs,.patrol-categories{display:flex;flex-wrap:nowrap!important;width:100%;max-width:100%;overflow-x:auto;gap:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .rp-tabs::-webkit-scrollbar,.feature-tabs::-webkit-scrollbar,.patrol-categories::-webkit-scrollbar{display:none}
  .rp-tabs>a,.rp-tabs>button,.feature-tab,.patrol-category{flex:none;white-space:nowrap;font-size:12px;min-height:42px;padding:10px 13px;scroll-snap-align:start}
  .rp-report-heading{padding:14px;gap:10px}.rp-report-heading>.rp-tabs{margin:0}
  .rp-source{padding:14px}.rp-source select{width:100%;min-width:0;max-width:100%}
  .rp-pager{padding:14px;gap:12px}.rp-pager-controls{width:100%;justify-content:flex-start;gap:8px}.rp-pager-controls form{flex-wrap:wrap}
  .rp-pager .control{height:40px;min-height:40px}.rp-pager select{width:112px}.rp-pager input{width:66px}
  .rp-rulebox{padding:14px}.rp-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-rulebox p{line-height:1.7}
  .feature-tracking-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.feature-tracking-step{padding:12px;font-size:12px}
  .feature-product-pagination{flex-wrap:wrap}.feature-product-pagination .actions{width:100%;margin:0;flex-wrap:wrap}
  .feature-product-toolbar .feature-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.feature-product-toolbar .feature-tab{min-width:0;width:100%;text-align:center}
  .feature-purchasing-toolbar{gap:10px}.feature-shipping-counts{gap:12px;font-size:12px}
  .feature-create-product-measures,.rp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rp-form-wide{grid-column:1/-1}
  .feature-order-item,.permission-row{min-width:0}.permission-row{grid-template-columns:minmax(0,1fr) 58px 58px;gap:5px;font-size:12px}
  .permission-toolbar{flex-wrap:wrap;gap:8px}.permission-toolbar .control{flex:1 1 100%}
  .permission-groups{max-height:none;padding-right:0}.permission-groups fieldset{padding:8px}.permission-row label{min-height:36px}
  .auth-form-side{min-height:100svh;padding:28px 20px calc(28px + env(safe-area-inset-bottom))}.auth-form{width:100%;max-width:400px}.auth-form .brand{padding-bottom:25px}.auth-form h2{font-size:26px}.auth-form .control{min-height:48px}.auth-form .btn{min-height:48px}
  dialog,dialog.feature-dialog:has(#feature-purchase-product-form){width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px - env(safe-area-inset-top));margin:auto;padding:0;border-radius:15px}
  dialog[open]{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  dialog::backdrop{background:#10252b88}.modal-header{position:sticky;top:0;z-index:4;padding:14px 16px;background:var(--white);gap:10px}.modal-header h2{font-size:17px}
  .modal-body{padding:16px}.modal-body p{font-size:13px}.modal-body .actions{gap:8px;flex-wrap:wrap;margin-top:16px}.modal-body .actions .btn{flex:1;justify-content:center}
  .modal-body>form>.actions:last-child{position:sticky;bottom:-16px;z-index:3;background:var(--white);padding:12px 0 calc(8px + env(safe-area-inset-bottom))}
  .skin-dialog-heading{padding:18px 16px 0}.skin-dialog-heading h2{font-size:20px}.skin-dialog-heading h2 span{display:none}.skin-dialog-copy{padding:8px 16px 16px}.skin-choices{padding:0 16px 18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-dialog-footer{padding:14px 16px;gap:10px}
  .menu-order-dialog .modal-header,.menu-order-description,.menu-order-footer{padding:14px}.menu-order-scroll{padding:0 14px 12px;max-height:55dvh}.menu-order-moves button{width:38px;height:38px}
  .feature-product-image-preview{max-width:calc(100vw - 24px);max-height:75dvh}
  .job-strip{margin:0 12px;font-size:12px;padding:12px;overflow-wrap:anywhere}.job-label{min-width:0}.footer-note{font-size:11px}
  .toasts{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.toast{font-size:13px;min-width:0;width:100%}
  .mobile-card-table{display:block!important;min-width:0!important;width:100%!important;white-space:normal!important;table-layout:auto!important;padding:0 12px}
  .mobile-card-table colgroup{display:none}.mobile-card-table thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .mobile-card-table tbody{display:block;width:100%}
  .mobile-card-table tbody tr{display:block;width:100%;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--white)!important;scroll-margin-top:76px}
  .mobile-card-table tr[data-mobile-group]::before{content:attr(data-mobile-group);display:block;font-weight:650;color:var(--green);font-size:13px;padding:3px 0 8px;border-bottom:1px solid var(--line);margin-bottom:4px;overflow-wrap:anywhere}
  .mobile-card-table tbody td{display:grid;grid-template-columns:minmax(85px,32%) minmax(0,1fr);gap:4px 10px;padding:8px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:left!important;font-size:13px!important;white-space:normal!important;min-width:0!important;width:auto!important;max-width:none!important;position:static!important;overflow-wrap:anywhere}
  .mobile-card-table tbody td::before{content:attr(data-mobile-label);font-size:12px;color:var(--muted);font-weight:500;white-space:normal}
  .mobile-card-table tbody td:last-child{border-bottom:0!important}.mobile-card-table td>*{grid-column:2;max-width:100%;min-width:0}.mobile-card-table td strong{font-size:13px}
  .mobile-card-table td.mobile-cell-wide{display:block}.mobile-card-table td.mobile-cell-wide::before{display:none}.mobile-card-table .table-actions{flex-wrap:wrap;gap:8px}
  .mobile-card-table .subline{font-size:12px;line-height:1.55}.mobile-card-table .link-button{min-height:34px;display:inline-flex;align-items:center;font-size:13px}
  .mobile-stock-table{display:none!important}.mobile-stock-cards{display:grid;gap:12px;padding:0 12px 12px}
  .mobile-stock-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--white);scroll-margin-top:76px}
  .mobile-stock-card header>strong{color:var(--green);font-size:15px;overflow-wrap:anywhere}.mobile-stock-card header>p{font-size:14px;margin:6px 0 12px;line-height:1.6}
  .mobile-stock-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px}.mobile-stock-totals>div{padding:10px;border-radius:8px;background:var(--skin-soft,#f0f5e8)}
  .mobile-stock-totals dt,.mobile-stock-metrics dt{font-size:11px;color:var(--muted)}.mobile-stock-totals dd{font-size:20px;font-weight:650;color:var(--green);margin:3px 0 0;font-variant-numeric:tabular-nums}
  .mobile-stock-card details{border-top:1px solid var(--line);padding-top:10px}.mobile-stock-card summary{min-height:36px;font-weight:600;font-size:13px;color:var(--green);cursor:pointer}
  .mobile-stock-warehouse{padding:12px 0;border-bottom:1px solid var(--line)}.mobile-stock-warehouse:last-child{border-bottom:0;padding-bottom:0}.mobile-stock-warehouse h4{font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mobile-stock-warehouse p{font-size:11px;color:var(--muted);margin:3px 0 9px}
  .mobile-stock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;margin:0}.mobile-stock-metrics dd{font-size:16px;font-weight:600;line-height:1.5;margin:2px 0 0;color:var(--ink);font-variant-numeric:tabular-nums}.mobile-stock-metrics .is-zero{color:var(--red)}
}
@media(max-width:380px){#crumb{max-width:110px}.topbar-right .menu-order-button,.topbar-right .skin-switch-button,.topbar-right>.icon-btn,.mobile-clock-toggle{width:32px;min-width:32px}.rp-form-grid{grid-template-columns:minmax(0,1fr)!important}.feature-create-product-measures{grid-template-columns:repeat(2,minmax(0,1fr))!important}}