/* Shared layouts for touch screens; desktop business tables retain their columns. */
html{scroll-padding-top:20px}main,#view,.pos-layout>*,.toolbar,.grid>*{min-width:0}img{max-width:100%}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #95b9ff;outline-offset:3px}[hidden]{display:none!important}
.toolbar>h2{min-width:140px}.toolbar>button,.actions>button{flex-shrink:0}.toolbar>input{max-width:100%}.toolbar select{max-width:100%}.report-grid>div{min-width:0}.report-grid h2{overflow-wrap:anywhere}.report-grid>section{min-width:0}
#dialog{overscroll-behavior:contain;scrollbar-gutter:stable}#dialog>h2{padding-right:8px}#dialogMessage:not(:empty){position:sticky;top:0;z-index:15;box-shadow:0 3px 12px #15355b18;max-height:30vh;overflow:auto}#dialogMessage:empty{display:none}#message:not(:empty){overflow-wrap:anywhere}.is-busy{cursor:progress!important}.is-busy:after{content:'…';margin-left:5px}body.page-loading #workspaceSidebar button{pointer-events:none;opacity:.6}
.responsive-table input[type=checkbox],.responsive-table input[type=radio]{width:20px!important;min-width:20px!important;min-height:20px!important;height:20px;accent-color:#2864ed}.color-size-matrix th:first-child{position:sticky;left:0;z-index:2;background:#f1f5fd}.color-size-matrix tr:first-child th{position:sticky;top:0;z-index:3}.color-size-matrix tr:first-child th:first-child{z-index:4}.matrix-scroll-hint{display:none}.discard-dialog{width:min(430px,calc(100vw - 24px));padding:24px;border:1px solid #dce5f3;border-radius:14px;color:#1b2f50}.discard-dialog .actions{position:static!important}
@media(min-width:721px) and (max-width:1100px){
 #workspaceSidebar{width:82px;padding:18px 8px}.brand-mark{justify-content:center;padding:0}.brand-mark>span,.side-caption,.nav-group,.side-footer{display:none}.store-brand{padding:14px 2px;text-align:center;font-size:11px}#workspaceSidebar button{font-size:0;justify-content:center;padding:12px 4px;min-height:48px}#workspaceSidebar .nav-symbol{font-size:21px;width:24px}.signed-in>header{margin-left:82px;padding:0 22px}.signed-in main{margin-left:82px;padding:22px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table input,.table select{min-height:44px}button{min-height:44px}
}
@media(max-width:1100px){
 #invoiceReviewForm .card-table-wrap{border:0;overflow:visible;max-height:none}.invoice-product table.responsive-table,.invoice-product table.responsive-table>tbody{display:block;width:100%;white-space:normal}.invoice-product .responsive-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.invoice-product .responsive-table tr:not(.responsive-head){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #dce6f4;border-radius:10px;padding:14px;margin:12px 0;background:#fafcff}.invoice-product .responsive-table td{display:flex;flex-direction:column;gap:6px;padding:0;border:0;min-width:0;white-space:normal}.invoice-product .responsive-table td:before{content:attr(data-label);font-size:12px;color:#7185a3}.invoice-product .responsive-table td[data-wide]{grid-column:1/-1}.invoice-product .responsive-table td input,.invoice-product .responsive-table td select{width:100%!important;min-width:0;max-width:100%;min-height:44px}.invoice-product .responsive-table td input[data-sku-search]{margin-bottom:4px}.invoice-product .responsive-table td:last-child{grid-column:1/-1;align-items:flex-end}.invoice-product .responsive-table td:last-child:before{display:none}
}
@media(max-width:720px){
 body{font-size:14px}#workspaceSidebar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;padding:10px 12px;box-shadow:0 3px 12px #12294916}#workspaceSidebar .brand-mark>span{font-size:11px}#workspaceSidebar .store-brand{padding:4px 0;margin:0;text-align:right;align-self:center}#workspaceSidebar nav{grid-column:1/-1;padding:4px 0 0;scroll-snap-type:x proximity}#workspaceSidebar nav button{min-height:44px;padding:9px 13px;font-size:12px;scroll-snap-align:nearest}.signed-in>header{height:auto;min-height:65px;padding:12px 14px;gap:8px}.signed-in>header h1{font-size:18px;min-width:0;overflow-wrap:anywhere}#identity{flex-shrink:0}#identity>button{min-height:42px}.signed-in main{padding:14px 10px}.signed-in section{padding:16px}input,select,textarea{font-size:16px!important;min-height:44px;max-width:100%}button{min-height:44px;padding:10px 12px}.toolbar{gap:8px}.toolbar>h2{flex-basis:100%!important;margin-bottom:4px}.toolbar>input{flex:1 1 100%;width:100%}.toolbar>select{flex:1 1 140px;min-width:0}.actions{gap:8px}.actions button{min-width:76px;max-width:220px}.actions .primary{min-width:110px}.section-heading{align-items:flex-start}.pill{white-space:normal}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.garment-art{height:110px}.catalog-info{padding:10px}.catalog-info>b{font-size:13px}.catalog-info small{font-size:11px}.catalog-info>div{flex-wrap:wrap}.checkout-footer{position:sticky;bottom:0;background:white;padding:14px 0 6px;z-index:2}.checkout-footer>b{font-size:25px!important}.checkout-footer>.primary{width:auto;min-width:140px}.empty-cart{padding:16px 8px}.report-grid{gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid>div{padding:16px 12px}.report-grid h2{font-size:22px}.report-grid span{font-size:12px}.member-row{gap:10px;flex-wrap:wrap}.member-row>div{min-width:0;overflow-wrap:anywhere}.member-row .actions{margin:0}.grid{grid-template-columns:minmax(0,1fr)}
 #dialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px);padding:16px 14px;border-radius:13px;scrollbar-gutter:auto}#dialog.style-dialog,#dialog.batch-dialog{width:calc(100vw - 16px)!important}#dialog>h2{font-size:18px;line-height:1.5}#dialog p{overflow-wrap:anywhere}#dialog>.actions,#dialog form>.actions{position:sticky;bottom:-16px;z-index:5;padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:18px;background:#fff;border-top:1px solid #e1e9f5;box-shadow:0 -7px 12px #173d6a06}#dialogMessage:not(:empty){top:-16px;margin-top:0}#dialog .inline-check{align-items:flex-start;line-height:1.6}.inline-check input[type=checkbox]{flex:0 0 22px;width:22px!important;min-height:22px!important;height:22px}.invoice-product{padding:12px!important}.invoice-product .grid{gap:0}.matrix-scroll-hint{display:block;color:#7185a3;font-size:12px;margin:0 0 8px}.color-size-matrix input{min-width:76px!important;width:80px}.managed-product-image .delete-product-image{min-height:32px;min-width:40px;font-size:12px;right:-6px;top:-10px}.product-image-cell{padding-top:20px!important}.login{padding:24px!important;margin:24px auto!important}
}
@media(max-width:640px){
 .card-table-wrap{overflow:visible;border:0;max-height:none}.card-table-wrap.batch-table{max-height:55dvh;overflow-y:auto;overflow-x:hidden}.responsive-table,.responsive-table>tbody{display:block;width:100%;white-space:normal}.responsive-table .responsive-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.responsive-table tr:not(.responsive-head){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #e0e8f4;border-radius:10px;padding:14px;margin:10px 0;background:#fff}.responsive-table td,.responsive-table th:not(.responsive-head th){display:flex;flex-direction:column;gap:5px;min-width:0;border:0;padding:0!important;white-space:normal;overflow-wrap:anywhere;font-size:13px;text-align:left}.responsive-table tr:not(.responsive-head)>td:before{content:attr(data-label);font-size:11px;font-weight:400;color:#8191aa}.responsive-table td[data-wide]{grid-column:1/-1}.responsive-table td input:not([type=checkbox]):not([type=radio]),.responsive-table td select{width:100%!important;min-width:0!important;max-width:100%}.responsive-table td:has(button){flex-direction:row;align-items:center;flex-wrap:wrap}.responsive-table td:has(button):before{width:100%}.responsive-table td button{margin:0;min-height:42px;max-width:100%;white-space:normal}.responsive-table td .managed-product-image{margin:6px auto}.responsive-table td .managed-product-image button{min-height:32px}.cart-table .responsive-table td{font-size:13px}.variant-form-table{max-height:55dvh!important}.invoice-product .responsive-table tr:not(.responsive-head){margin:12px 0}.invoice-product .responsive-table td{flex-direction:column!important}
}
@media print{.matrix-scroll-hint,.discard-dialog{display:none!important}.responsive-table,.responsive-table>tbody{display:table}.responsive-table tr:not(.responsive-head){display:table-row}.responsive-table td{display:table-cell}.responsive-table td:before{display:none!important}}

@media(max-width:640px){.responsive-table .responsive-head.has-header-controls{position:static;display:block;clip-path:none;width:auto;height:auto;padding:0;margin:0;border:0;overflow:visible}.responsive-table .responsive-head.has-header-controls>th{display:none}.responsive-table .responsive-head.has-header-controls>th:has(input,button,select){display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px!important;background:#f2f6fd;border-radius:8px}.header-control-caption{font-size:12px;color:#536d95}}

#mobileCartJump{display:none}@media(max-width:720px){.catalog-panel{order:0}.checkout-panel{order:1}.mobile-pos main{padding-bottom:100px}.mobile-pos{scroll-padding-bottom:100px}.checkout-panel,.catalog-panel{scroll-margin-top:135px}#mobileCartJump{position:fixed;bottom:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dbe6f5;box-shadow:0 -5px 22px #173a6a10}#mobileCartJump>div{display:flex;flex-direction:column;gap:3px}#mobileCartCount{font-size:11px;color:#7185a3}#mobileCartAmount{font-size:23px;color:#2864ed}#mobileCartButton{min-width:145px;min-height:46px}.shift-toolbar{flex-wrap:wrap;gap:8px}.shift-toolbar>span{width:100%}}

@media(max-width:720px){.checkout-footer{position:static}#mobileCartJump>div{min-width:0;flex:1}#mobileCartAmount{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}}
@media(max-width:360px){#mobileCartButton{min-width:125px;font-size:11px}#mobileCartAmount{font-size:20px}}

@media(min-width:721px) and (max-width:1100px){#workspaceSidebar nav{overflow-x:hidden}#workspaceSidebar button{min-width:0;font-size:10px;flex-direction:column;gap:4px;min-height:62px;padding:8px 0;text-align:center}#workspaceSidebar .nav-symbol{font-size:20px}}

@media(min-width:641px){.header-control-caption{display:none}}

/* Pagination stays compact on desktop and wraps into touch-sized controls on mobile. */
.pagination-hidden{display:none!important}
.list-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:18px 0 4px;padding-top:14px;border-top:1px solid #e7edf6}
.list-pagination>span{margin-right:auto;color:#7186a5;font-size:12px}
.list-pagination label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;color:#7186a5;white-space:nowrap}
.list-pagination select{width:88px;min-width:88px;margin:0;padding:8px;min-height:40px}
.list-pagination button{width:auto;min-width:78px;flex:0 0 auto;margin:0;padding:9px 14px}
@media(max-width:720px){.list-pagination{gap:8px}.list-pagination>span{width:100%}.list-pagination button,.list-pagination select{min-height:44px}}
@media print{.list-pagination{display:none!important}}

/* Display sizing and compact aligned navigation */
:root{--ui-text:13px;--ui-small:11px;--ui-heading:20px;--ui-input:14px}
:root[data-font-size=medium]{--ui-text:15px;--ui-small:13px;--ui-heading:22px;--ui-input:16px}
:root[data-font-size=large]{--ui-text:17px;--ui-small:15px;--ui-heading:24px;--ui-input:18px}
body{font-size:var(--ui-text)}body button,body td,body label,body select,body input{font-size:var(--ui-text)}body small,body .muted,body th{font-size:var(--ui-small)}.signed-in>header{height:72px;padding:12px 28px;gap:18px;box-shadow:0 2px 10px #17385805}.signed-in>header h1{font-size:var(--ui-heading);line-height:1.3;margin:0}#identity{align-items:center;gap:10px;line-height:1.3}#identity>span:not(.avatar){display:flex;flex-direction:column;justify-content:center}#identity small{margin-top:3px}#identity>button{height:36px;min-height:36px;margin-left:4px;display:flex;align-items:center;justify-content:center}#workspaceSidebar button{font-size:var(--ui-text)}.catalog-empty{grid-column:1/-1;padding:45px 12px;text-align:center;color:#8596ae;background:#f7f9fd;border:1px dashed #dce5f1;border-radius:10px;white-space:normal;line-height:1.7}.catalog-panel>[data-camera-target]{margin:0 0 14px}.catalog-search{margin-bottom:8px}.catalog-info>b,.catalog-item .catalog-info>b{font-size:var(--ui-text)}.catalog-item .catalog-info small{font-size:var(--ui-small)}#backupRecords{max-height:360px;overflow:auto;scrollbar-width:thin}#productScanPanel{flex-basis:100%;width:100%;padding:10px 0}#productScanPanel p{margin:8px 0}#settingsForm label{margin:10px 0}
@media(max-width:720px){.signed-in>header{min-height:60px;padding:10px 12px;gap:10px}.signed-in>header h1{font-size:var(--ui-heading)}#identity{font-size:var(--ui-small);gap:6px}#identity .avatar{width:28px;height:28px}#workspaceSidebar{gap:4px 10px}#workspaceSidebar nav{align-items:center}#workspaceSidebar nav button{font-size:var(--ui-text);min-height:38px;padding:8px 11px}.signed-in section{padding:12px;margin-bottom:12px}.toolbar{gap:6px;margin-bottom:12px}.actions{gap:6px;margin-top:12px}body input,body select,body textarea{font-size:max(16px,var(--ui-input))!important}th,td{padding:8px 6px}.invoice-product{padding:10px!important;margin:8px 0}.invoice-product .responsive-table tr:not(.responsive-head){gap:6px;padding:8px;margin:6px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-product .responsive-table td{gap:3px}.invoice-product .responsive-table td:before{font-size:var(--ui-small)}.invoice-product .responsive-table td input,.invoice-product .responsive-table td select{padding:7px 6px;min-height:38px}#backupRecords{max-height:260px}}

body h2{font-size:calc(var(--ui-text) + 3px)}body h3{font-size:calc(var(--ui-text) + 1px)}