:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223a34;background:#f7f8f5;font-synthesis:none;--ink:#193e35;--muted:#748079;--line:#e4e9e2;--paper:#fff;--accent:#d5e9ba;--red:#b34632}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8db36d;outline-offset:3px}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(27px,2.45vw,38px);line-height:1.15;letter-spacing:-1.4px;font-weight:650}h2{font-size:19px;letter-spacing:-.5px;font-weight:650}h3{font-size:16px}p{line-height:1.65}small{font-size:12px}strong{font-weight:650}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:750;color:#7c897c;margin-bottom:12px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 19px;border-radius:8px;font-size:13px;font-weight:650;text-decoration:none}.primary{background:var(--ink);color:white}.primary:hover:not(:disabled){background:#2e584a}.secondary{background:white;border:1px solid #dbe2d8;color:var(--ink)}.secondary:hover:not(:disabled){background:#f1f5ee}.danger{background:#a4382d;color:white}.wide{width:100%}.text-button{background:transparent;color:#627858;font-size:12px;font-weight:600;min-height:36px;padding:8px}.text-button:hover{color:#193e35}.icon-button{background:#f2f4ef;color:var(--ink);width:34px;height:34px;font-size:25px;border-radius:50%}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:1.5px}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.3px;color:#87948c;margin-top:4px}.brand-mark{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:white;border-radius:17px;font-size:42px;font-weight:700;letter-spacing:-7px;padding-right:6px}.brand-mark span{color:#d1e9b9}.brand-mark.small{width:39px;height:39px;border-radius:11px;font-size:28px;letter-spacing:-5px;padding-right:4px}.workspace{min-height:100vh;display:flex}.sidebar{width:225px;flex-shrink:0;border-right:1px solid var(--line);padding:32px 22px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:#fbfcf9}.nav-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#8d988d;margin:53px 0 17px 13px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border-radius:7px;background:transparent;color:#79857b;font-weight:550;font-size:13px;padding:13px 14px;margin-bottom:7px;min-height:44px}.nav-item span{font-size:19px;width:20px;line-height:1}.nav-item.active{background:#eaf0e2;color:#294b36}.nav-item:hover{background:#edf2e8}.sidebar-bottom{margin-top:auto}.local-badge{display:flex;align-items:center;gap:8px;font-size:10px;color:#71816f;margin:20px 11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#7c9c64}.sidebar-foot{font-size:11px;color:#99a293;border-top:1px solid var(--line);padding:21px 12px 0;margin-top:20px}.work-area{margin-left:225px;flex:1;min-width:0}.topbar{height:77px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcf9}.breadcrumb{font-size:11px;color:#839080}.breadcrumb span{margin:0 12px;color:#bfc8b9}.breadcrumb strong{color:#425a49;font-weight:500}.topbar-right{display:flex;align-items:center;gap:22px;font-size:10px;color:#839080}.avatar{width:33px;height:33px;border-radius:50%;background:#e8eddf;color:#537149;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}main{padding:35px 42px 42px;max-width:1640px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading .muted{font-size:12px;margin-top:12px}.page-heading .eyebrow{margin-bottom:10px}.cash-layout{display:grid;grid-template-columns:minmax(310px,1fr) minmax(335px,390px);gap:25px;align-items:start}.catalogue-panel{min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:12px}.section-card{padding:25px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.badge{display:inline-flex;align-items:center;background:#f0f3eb;color:#75856a;padding:5px 9px;font-size:10px;border-radius:5px;white-space:nowrap;font-weight:550}.section-title h2{font-size:17px}.scan-strip{display:flex;align-items:center;gap:14px;background:#edf3e7;border:1px solid #e0e9d6;padding:19px;border-radius:10px;margin-bottom:22px}.scan-symbol{background:#dfe9d3;color:#5b7748;width:39px;height:43px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:25px;flex-shrink:0}.scan-strip strong{font-size:12px;font-weight:600}.scan-strip p{font-size:10px;color:#819076;margin-top:3px}.scan-strip>.text-button{margin-left:auto;font-size:10px;white-space:nowrap}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:#fbfcf8;margin-bottom:14px}.search-box>span{font-size:24px;color:#91a087}.search-box input{border:0;background:transparent;padding:13px 0;width:100%;font-size:12px;min-width:0;color:var(--ink);outline:none}.search-box:focus-within{outline:2px solid #a4bd8a}.barcode-inline{display:flex;gap:8px;margin:12px 0 22px}.barcode-inline input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:12px;background:white;color:var(--ink)}.barcode-inline .secondary{font-size:11px;padding:9px 14px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.product-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:9px;padding:10px;background:white;min-width:0;transition:transform .15s,border-color .15s}.product-card:hover{border-color:#91ac78;transform:translateY(-2px)}.product-art{background:#f3f5ef;height:88px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:12px;border-radius:6px;color:#a6b299}.product-art>span{font-size:32px}.product-art small{font-size:7px;letter-spacing:1px;margin-top:4px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name{font-size:12px;font-weight:650;line-height:1.5;color:#334c3c;overflow-wrap:anywhere}.product-code{font-size:8px;color:#9aa292;margin-top:5px}.product-price{margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;color:#294934;display:flex;justify-content:space-between;align-items:center;width:100%}.product-price>span{width:23px;height:23px;display:flex;justify-content:center;align-items:center;background:#eef3e7;color:#6d875a;border-radius:5px;font-size:16px}.quiet-note{display:flex;gap:13px;padding:23px 7px;font-size:11px;color:#8a9681;max-width:440px}.quiet-note>span{font-size:22px;color:#99ae84}.quiet-note strong{color:#6b7e5b;font-weight:600}.cart-panel{overflow:hidden;box-shadow:0 4px 16px #193e3504}.cart-header{padding:24px 23px 17px;display:flex;align-items:center;justify-content:space-between}.cart-header .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.cart-header h2{font-size:22px;display:flex;align-items:center;gap:10px}.cart-header .badge{font-size:10px;min-width:23px;justify-content:center;padding:3px 7px}.customer-select{display:flex;align-items:center;gap:11px;width:calc(100% - 44px);margin:0 22px 13px;padding:13px 12px;border:1px dashed #dce4d3;background:#fbfcf8;text-align:left;border-radius:7px;color:#556b4c}.customer-icon{font-size:23px;color:#9baa8c}.customer-select strong{display:block;font-size:11px;font-weight:600}.customer-select small{display:block;font-size:9px;color:#9aa38e;margin-top:4px}.customer-select>span:last-child{margin-left:auto;font-size:20px}.cart-lines{padding:0 23px;min-height:220px;max-height:44vh;overflow-y:auto}.cart-line{padding:17px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0e7}.line-info>strong{font-size:11px;display:block;line-height:1.5;overflow-wrap:anywhere}.line-info>span{display:block;font-size:10px;color:#97a08d;margin-top:5px}.quantity-control{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:10px}.quantity-control>button:not(.text-button){border:1px solid #e4e9df;background:#fafbf7;color:#7f8f71;border-radius:4px;width:24px;height:26px;font-size:14px}.quantity-control .text-button{font-size:10px;min-height:25px;padding:4px}.line-right{display:flex;align-items:end;flex-direction:column;gap:12px;flex-shrink:0}.line-right strong{font-size:12px}.line-right .text-button{font-size:9px;color:#a1aa98;min-height:28px}.cart-empty{text-align:center;color:#9da995;padding:48px 4px}.cart-empty>span{font-size:37px;color:#bfcdb4;display:block;margin-bottom:12px}.cart-empty h3{font-size:12px;font-weight:550;color:#7d8f70;margin-bottom:8px}.cart-empty p{font-size:10px;line-height:1.7}.cart-footer{padding:21px 23px 16px;background:#fcfdf9;border-top:1px solid var(--line)}.subtotal{display:flex;justify-content:space-between;font-size:10px;color:#8f9c83}.total-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;font-size:14px}.total-row strong{font-size:29px;letter-spacing:-1px;color:#254733}.pay-button{display:flex;justify-content:space-between;font-size:12px;width:100%;min-height:49px}.pay-button>span{font-size:12px;font-weight:500}.payment-caption{text-align:center;font-size:8px;color:#a1aa98;margin-top:13px}.empty-state{grid-column:1/-1;text-align:center;padding:57px 20px;color:#89967f}.empty-state h3{font-size:14px;font-weight:550;color:#667a58;margin-bottom:10px}.empty-state p{font-size:11px;max-width:310px;margin:0 auto}.empty-icon{font-size:42px;color:#b5c4a8;margin-bottom:15px;display:block}dialog{border:1px solid #e0e5db;border-radius:16px;padding:25px 30px 30px;width:min(540px,calc(100% - 28px));max-height:90dvh;color:var(--ink);box-shadow:0 25px 100px #1c352b33}dialog::backdrop{background:#19382c66;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-top .eyebrow{margin:0}dialog h2{font-size:25px;letter-spacing:-.8px;margin-bottom:15px}dialog p{font-size:12px;color:#7d8b74;margin:12px 0}label:not(.search-box):not(.photo-button){font-size:11px;font-weight:600;display:block;color:#657858;margin:17px 0}label>input:not([type=checkbox]):not([type=radio]),label>textarea{display:block;width:100%;border:1px solid #dfe6d8;border-radius:7px;background:#fcfdf9;color:#294530;padding:12px;margin-top:8px;font-size:14px;min-height:43px}textarea{resize:vertical;min-height:75px!important}label>input[readonly]{color:#89967f;background:#f3f6ee!important}label.checkbox-label{display:flex!important;gap:10px;font-weight:400;line-height:1.6;align-items:start}.checkbox-label input{accent-color:var(--ink);width:17px;height:17px;margin:1px 0;flex-shrink:0}.price-label input{font-size:24px!important;font-weight:650;letter-spacing:-.6px}.notice{padding:12px 14px;border:1px solid #e0e9d5;background:#f3f7ec;border-radius:7px;color:#778a65!important;font-size:11px!important}.pair-qr{display:block;width:220px;height:220px;margin:20px auto}.center{text-align:center}.checkout-total{font-size:49px;letter-spacing:-2px;text-align:center;margin:25px 0 0;font-weight:650}.payment-methods{border:0;padding:0;margin:25px 0;display:flex;gap:8px;flex-wrap:wrap}.payment-methods legend{font-size:11px;font-weight:600;color:#657858;margin-bottom:6px}.payment-methods label{margin:0!important;flex:1;min-width:100px;position:relative}.payment-methods input{position:absolute;opacity:0;inset:0;pointer-events:none}.payment-methods span{display:block;border:1px solid var(--line);border-radius:7px;padding:13px 10px;text-align:center;font-size:10px;min-height:44px}.payment-methods input:checked+span{border-color:#557641;background:#edf3e5;color:#40622f}.payment-methods input:focus-visible+span{outline:3px solid #9abd81}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#234c3d;color:white;border-radius:10px;padding:15px 22px;max-width:min(570px,92vw);font-size:12px;line-height:1.6;box-shadow:0 6px 25px #0002;transition:all .2s;z-index:1000}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8c3f32}.form-error{color:#a33b2e;font-size:12px;margin:15px 0}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 25% 20%,#e6eeda,transparent 60%),#f7f8f3}.login-card{background:#ffffffd9;border:1px solid #e0e8d6;border-radius:18px;width:400px;max-width:100%;padding:38px;box-shadow:0 15px 60px #233a2410}.login-card .brand-mark{margin-bottom:30px}.login-card h1{font-size:31px}.login-card>.muted{font-size:13px;margin:12px 0 25px}.login-card small{font-size:10px;color:#9aa38d}.login-card .primary{margin-top:8px;justify-content:space-between}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid h2{margin-bottom:15px}.settings-grid p{font-size:12px;color:#829176;margin-bottom:20px}.settings-grid button{margin:5px 5px 5px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#8b9a7f;font-weight:600;padding:10px 12px 18px}td{padding:16px 12px;border-top:1px solid var(--line);color:#6a7c5d}.customer-row{display:flex;align-items:center;gap:15px;width:100%;background:white;text-align:left;padding:18px 8px;border-bottom:1px solid var(--line);color:var(--ink)}.customer-row>span:nth-child(2){flex:1}.customer-row strong{display:block;font-size:13px}.customer-row small{display:block;color:#91a084;font-size:11px;margin-top:4px}.choices{max-height:300px;overflow:auto;margin-bottom:20px}.choice{width:100%;display:flex;flex-direction:column;gap:5px;text-align:left;padding:16px 8px;background:white;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px}.choice span{font-size:11px;color:#91a084}.receipt-line{display:flex;justify-content:space-between;gap:18px;font-size:12px;border-bottom:1px solid var(--line);padding:13px 0;line-height:1.5}.receipt-line>span{overflow-wrap:anywhere}.receipt-line strong{white-space:nowrap}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.mobile-body{background:#f5f7f0}.mobile-header{padding:20px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:#fbfcf8}.mobile-header .brand{font-size:14px;gap:9px}.mobile-header .brand small{font-size:7px;letter-spacing:1.6px}.mobile-header .badge{font-size:8px;white-space:normal;text-align:center;max-width:105px}.mobile-main{max-width:530px;padding:27px 20px 35px;padding-bottom:max(35px,env(safe-area-inset-bottom))}.mobile-main h1{font-size:32px;letter-spacing:-1px}.mobile-main>.panel h1{font-size:29px}.mobile-main .muted{font-size:12px;margin-top:10px}.camera-card{position:relative;border-radius:16px;overflow:hidden;background:#1b322b;height:240px;margin-top:25px;color:#b9c9af}.camera-card video{width:100%;height:100%;object-fit:cover}.camera-card #camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.camera-card #camera-placeholder>span{font-size:60px;opacity:.5}.camera-card #camera-placeholder p{font-size:12px;color:#8ca181;margin-top:12px}.viewfinder{position:absolute;border:1px solid #d4edb744;border-radius:8px;inset:44px 30px 50px;pointer-events:none}.camera-label{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#97ad8c}.scan-button{margin-top:15px;min-height:52px;font-size:14px}.photo-button{display:flex;cursor:pointer;margin:17px 0 12px;position:relative;min-height:47px}.photo-button:focus-within{outline:3px solid #9abd81}.mobile-main .barcode-inline{margin-top:0}.mobile-main .barcode-inline input{font-size:13px;min-height:46px}.mobile-main .small-text{font-size:10px}.mobile-cart{margin:24px 0 12px;padding:22px}.mobile-cart .section-title{margin-bottom:8px}.mobile-cart .total-row{border-top:1px solid var(--line);padding-top:17px;margin-bottom:8px}.mobile-cart .total-row strong{font-size:24px}.mobile-result{border:1px solid #c7d8b7;background:#e7f0dd;border-radius:10px;padding:20px;margin:20px 0;color:#416032}.mobile-result strong{font-size:15px}.mobile-result p{font-size:12px;margin-top:7px}.mobile-result.failure{background:#fff1e9;border-color:#ecd5c9;color:#934e38}.mobile-main #unknown{margin-top:22px;scroll-margin-top:16px}.mobile-main #unknown h2{font-size:23px}.mobile-main button{touch-action:manipulation}.mobile-main .text-button{min-height:44px}.mobile-main input,.mobile-main textarea{font-size:16px!important}.loading{padding:30px;text-align:center}.mobile-main #disconnect{color:#94a084;margin-top:10px}code{font-size:11px;background:#f0f3eb;padding:2px 4px;border-radius:3px}@media(min-width:1450px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.cart-lines{min-height:290px}}@media(max-width:1150px){.sidebar{width:185px;padding:28px 15px}.brand{font-size:14px;gap:8px}.work-area{margin-left:185px}.topbar{padding:0 25px}main{padding:30px 25px}.cash-layout{gap:18px;grid-template-columns:minmax(255px,1fr) minmax(310px,350px)}.section-card{padding:19px}.page-heading>.secondary{font-size:11px;padding:11px 13px}.scan-strip{gap:9px;padding:14px}.scan-strip>.text-button{font-size:9px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}@media(max-width:900px){.sidebar{width:72px;align-items:center;padding:24px 8px}.sidebar .brand>span:last-child,.nav-label,.sidebar-foot,.sidebar-bottom .local-badge{display:none}.sidebar nav{margin-top:40px;width:100%}.nav-item{font-size:0;justify-content:center;padding:13px 9px;gap:0}.nav-item>span{font-size:23px;width:auto}.sidebar-bottom{width:100%}.sidebar-bottom .nav-item{font-size:9px;line-height:1.6;text-align:center}.work-area{margin-left:72px}.topbar-right #today{display:none}.page-heading{align-items:flex-start}.page-heading .muted{max-width:300px}.cash-layout{grid-template-columns:1fr 315px;gap:14px}main{padding:25px 18px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.scan-strip strong{font-size:10px}.scan-strip .text-button{display:none}.scan-strip p{font-size:9px}.scan-symbol{width:29px;height:35px}.settings-grid{grid-template-columns:1fr}}@media(max-width:720px){.cash-layout{grid-template-columns:1fr}.cart-lines{max-height:none;min-height:170px}.page-heading{flex-direction:column;gap:16px}.page-heading h1{font-size:29px}.page-heading .muted{max-width:none}.section-card{padding:18px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.topbar{height:60px;padding:0 18px}.cart-empty{padding:30px}.customer-row .text-button{font-size:9px}.customer-row{gap:9px}.customer-row strong{font-size:12px}.brand small{font-size:7px}.login-card{padding:28px}.mobile-main{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Readability and input alignment at the counter. */
.search-box>input:not([type=checkbox]):not([type=radio]){border:0;background:transparent;margin:0;padding:13px 0;min-height:44px;font-size:14px;outline:none}.page-heading .muted{font-size:14px}.nav-item{font-size:14px}.scan-strip strong{font-size:13px}.scan-strip p{font-size:12px}.product-name{font-size:14px}.product-code{font-size:11px}.line-info>strong{font-size:13px}.line-info>span{font-size:12px}.line-right strong{font-size:14px}.customer-select strong{font-size:13px}.customer-select small{font-size:11px}.payment-caption{font-size:10px}.cart-empty h3{font-size:14px}.cart-empty p{font-size:12px}.quiet-note{font-size:12px}.badge{font-size:11px}.form-error{font-size:14px}.payment-methods span{font-size:12px}.line-right .text-button{font-size:11px}.cart-header .eyebrow{font-size:10px}.subtotal{font-size:12px}.breadcrumb{font-size:12px}.topbar-right{font-size:12px}.mobile-header .badge{font-size:10px}.mobile-main .muted{font-size:14px}.mobile-main .small-text{font-size:12px}.mobile-result p{font-size:14px}.notice{font-size:13px!important}.payment-methods input{pointer-events:auto;z-index:1;width:100%;height:100%;margin:0;cursor:pointer}.payment-methods span{pointer-events:none}.settings-grid p{font-size:14px}dialog p{font-size:14px}label:not(.search-box):not(.photo-button){font-size:13px}table{font-size:13px}th{font-size:11px}.customer-row small{font-size:12px}.receipt-line{font-size:14px}.toast{font-size:14px}.mobile-cart .receipt-line{font-size:13px}@media(max-width:900px){.sidebar .nav-item{font-size:0}.sidebar-bottom .nav-item{font-size:9px}.scan-strip strong{font-size:12px}.scan-strip p{font-size:11px}}
.brand-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:6px}.brand-logo.login-logo{width:150px;height:80px;object-position:left center;margin-bottom:25px}.brand-copy{min-width:0}.brand-copy>[data-business-name]{display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-preview{min-height:100px;border:1px dashed var(--line);background:#f8faf5;border-radius:9px;display:flex;align-items:center;justify-content:center;margin:20px 0;color:var(--muted);font-size:12px;padding:15px}.logo-preview img{max-width:100%;max-height:130px;object-fit:contain}#branding-file{font-size:12px}.mobile-header .brand-copy>[data-business-name]{max-width:160px}@media(max-width:900px){.sidebar>.brand>.brand-logo{display:block}.sidebar .brand-copy{display:none}}
.heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.heading-actions button{white-space:nowrap}.mobile-top-brand,.mobile-logout{display:none}.owner-camera{height:235px;margin-top:18px}.owner-camera video{width:100%;height:100%;object-fit:cover}dialog .owner-camera #camera-placeholder p{color:#a9b99e;font-size:12px}.owner-camera+.scan-button{margin-top:14px}#owner-hint{font-size:12px}#owner-manual{margin-bottom:0}@media(max-width:1150px){.heading-actions{flex-direction:column;align-items:stretch}.heading-actions button{font-size:12px}}@media(max-width:720px){.sidebar{inset:auto 0 0;width:100%;height:calc(69px + env(safe-area-inset-bottom));padding:5px 7px max(5px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:#fbfcf9;z-index:10;flex-direction:row;align-items:center}.sidebar>.brand,.sidebar>.brand>.brand-logo,.sidebar-foot,.local-badge{display:none}.sidebar nav{display:flex;flex:4;margin:0;gap:3px;height:100%;width:auto}.sidebar-bottom{flex:1;width:auto;margin:0;height:100%}.sidebar nav .nav-item,.sidebar-bottom .nav-item{font-size:10px;line-height:1.2;padding:7px 2px;margin:0;display:flex;flex-direction:column;gap:5px;justify-content:center;text-align:center;height:100%;min-height:48px;border-radius:7px}.sidebar nav .nav-item{flex:1}.sidebar .nav-item span{font-size:21px;line-height:1.1}.sidebar #logout{display:none}.work-area{margin-left:0;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.topbar{height:64px;padding:0 18px}.topbar .breadcrumb,.topbar .avatar{display:none}.mobile-top-brand{display:flex;gap:10px;align-items:center;font-weight:750;font-size:16px;max-width:80%;min-width:0}.mobile-top-brand [data-business-name]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-top-brand .brand-logo{width:34px;height:34px}.mobile-logout{display:block}main{padding:24px 16px 30px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:30px}.page-heading .muted{font-size:13px}.heading-actions{width:100%;flex-direction:row;gap:8px}.heading-actions .primary{width:100%;min-height:48px;font-size:14px}.heading-actions .secondary{width:100%;min-height:42px;font-size:12px}.cash-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.cash-layout>.cart-panel{grid-row:1}.cash-layout>.catalogue-panel{grid-row:2}.catalogue-panel .scan-strip{display:none}.cart-lines{max-height:38dvh;min-height:140px}.cart-empty{padding:22px 8px}.cart-header{padding-top:20px}.cart-footer{padding-top:15px}.settings-grid{gap:15px}.settings-grid p{font-size:13px}.customer-row strong{font-size:13px}dialog{padding:21px 20px 25px}dialog input,dialog textarea{font-size:16px!important}.toast{bottom:calc(85px + env(safe-area-inset-bottom))}#owner-manual input{font-size:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
.lookup-source{font-size:13px;margin:8px 0 18px}.lookup-source a{color:#365e35;text-underline-offset:3px}
.product-pick{display:flex;flex-direction:column;width:100%;flex:1;text-align:left;padding:0;background:white;color:inherit;min-width:0}.product-art{width:100%;overflow:hidden}.product-art img{width:100%;height:100%;object-fit:contain}.product-edit{margin-top:12px;border-top:1px solid var(--line);padding:10px 5px 2px;width:100%;font-size:12px;color:#597445;background:white;min-height:35px}.product-edit:hover{color:var(--ink);text-decoration:underline}.article-images{margin:24px 0;border-top:1px solid var(--line);padding-top:20px}.article-images .section-title{margin-bottom:14px}.article-images h3{font-size:14px}.article-image-preview{display:flex;align-items:center;justify-content:center;background:#f4f7ef;border:1px dashed #dce4d3;border-radius:9px;padding:15px;min-height:130px}.article-image-preview img{max-width:100%;height:150px;object-fit:contain}.article-image-preview span{font-size:12px;color:var(--muted)}.image-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.image-option{display:flex;flex-direction:column;align-items:center;gap:7px;background:white;border:2px solid #e4e9df;padding:8px;border-radius:8px;min-width:0;color:#617451;font-size:11px}.image-option img{width:100%;height:95px;object-fit:contain}.image-option.selected{border-color:#426d35;background:#edf5e6}.image-option:hover:not(:disabled){border-color:#8ea877}.image-upload-label input{font-size:12px!important}.article-images .muted{font-size:12px}.article-images [data-clear-image]{min-height:42px}.mobile-main .image-option img{height:80px}#edit-product-form .notice{margin-top:20px}

/* Comptoir — warm paper, clear type and touch-friendly controls. */
:root {
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#202b28; background:#f7f7f3;
  --ink:#202f29; --muted:#626e68; --line:#e2e6df; --paper:#fff;
  --accent:#e6efe8; --green:#286046; --red:#a33127;
}
body { line-height:1.5; }
h1 { font-size:clamp(28px,2.6vw,38px); letter-spacing:-1.2px; font-weight:650; line-height:1.2; }
h2 { color:var(--ink); font-size:19px; letter-spacing:-.4px; }
small { line-height:1.5; }
button,input,select,textarea,a { touch-action:manipulation; }
button,.primary,.secondary,.danger,.text-button,.icon-button,.product-edit { min-height:44px; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:3px solid #397e5d; outline-offset:3px;
}
.primary,.secondary,.danger { border-radius:10px; padding:11px 18px; font-size:14px; gap:8px; }
.primary { background:var(--green); color:#fff; }
.primary:hover:not(:disabled) { background:#1b4b34; }
.secondary { color:var(--ink); background:#fff; border-color:#d5dcd5; }
.secondary:hover:not(:disabled) { background:#f1f5ef; }
button:disabled { opacity:.5; }
.text-button { color:#386349; font-size:13px; padding:10px; }
.icon-button { width:44px; height:44px; background:#eef1eb; font-size:25px; }
.eyebrow { color:#596a60; font-size:10px; font-weight:700; letter-spacing:1.5px; }
.muted { color:var(--muted); }
.badge { background:#eef2eb; color:#51624f; border-radius:6px; font-size:12px; padding:5px 9px; }
.pilot-badge { background:#f6f0de; color:#745b1c; border:1px solid #e7d9af; }
.skip-link { position:fixed; top:8px; left:8px; transform:translateY(-200%); z-index:2000; background:#fff; padding:12px; border:2px solid var(--green); border-radius:8px; }
.skip-link:focus { transform:none; }
.sidebar { width:220px; padding:30px 18px 20px; background:#fff; }
.brand { letter-spacing:-.4px; gap:12px; font-size:18px; }
.brand small { color:#647067; font-size:9px; letter-spacing:1.5px; }
.brand-mark,.brand-mark.small { background:#243b2e; border-radius:12px; }
.nav-label { color:#687368; margin-top:46px; }
.nav-item { font-size:14px; font-weight:550; min-height:46px; padding:12px 15px; border-radius:9px; color:#57645b; margin-bottom:6px; }
.nav-item.active { background:#eaf1e8; color:#265237; box-shadow:inset 3px 0 #3c7351; }
.nav-item:hover { background:#f1f4ed; }
.sidebar-foot { color:#667267; font-size:11px; padding-left:12px; }
.local-badge { color:#526c56; font-size:11px; }
.status-dot { background:#4a7959; width:7px; height:7px; }
.work-area { margin-left:220px; }
.topbar { height:76px; padding:0 36px; background:#fdfdfb; }
.breadcrumb { color:#657267; }
.topbar-right { gap:16px; color:#667369; }
.avatar { background:#e9eee5; color:#415e45; }
main { padding:34px 36px 40px; max-width:1660px; }
.page-heading { margin-bottom:26px; align-items:center; }
.page-heading .muted { color:var(--muted); margin-top:9px; font-size:14px; }
.heading-actions { flex-direction:row; align-items:center; }
.heading-actions button { font-size:13px; }
.cash-layout { grid-template-columns:minmax(290px,1fr) minmax(350px,400px); gap:24px; }
.panel { border-color:var(--line); border-radius:14px; box-shadow:0 2px 5px #20312503; }
.section-card { padding:24px; }
.section-title { margin-bottom:20px; }
.section-title h2 { font-size:18px; }
.scan-strip { background:#eef3eb; border-color:#e1e8dc; padding:15px 18px; margin-bottom:20px; }
.scan-strip strong { font-size:13px; }
.scan-strip p { color:#596e54; font-size:12px; }
.scan-symbol { background:#e0e9db; color:#4a6d44; }
.scan-strip>.text-button { font-size:12px; }
.search-box { background:#fafbf8; border-color:#d8e0d5; border-radius:9px; padding:0 14px; }
label.search-box { margin:0 0 12px; }
.search-box>span { color:#5c7357; }
.search-box>input:not([type=checkbox]):not([type=radio]) { min-height:48px; font-size:15px; padding:12px 0; color:var(--ink); }
.barcode-inline { margin:12px 0 22px; }
.barcode-inline input { min-height:46px; font-size:14px; border-radius:9px; border-color:#d8e0d5; }
.barcode-inline .secondary { font-size:13px; }
.product-grid { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:14px; }
.product-card { border-radius:11px; padding:12px; border-color:#e4e8e0; }
.product-card:hover { transform:translateY(-2px); border-color:#87a283; box-shadow:0 5px 16px #294a2510; }
.product-art { height:102px; background:#f4f5f0; border-radius:8px; }
.product-art>span { font-size:30px; color:#9da994; }
.product-art small { color:#596c50; font-size:9px; }
.product-name { font-size:14px; line-height:1.4; color:var(--ink); }
.product-code { color:#64725e; font-size:11px; }
.product-price { font-size:16px; color:#254b30; padding-top:14px; }
.product-price>span { background:#eaf1e4; color:#44633b; }
.product-edit { font-size:12px; color:#476340; padding-top:12px; }
.quiet-note { padding:16px 3px; color:#66725e; font-size:12px; }
.cart-panel { position:sticky; top:22px; overflow:hidden; border-color:#d9e1d4; box-shadow:0 5px 24px #273c2209; }
.cart-header { padding:24px 24px 18px; }
.cart-header h2 { font-size:23px; letter-spacing:-.6px; }
.cart-header .eyebrow { color:#617259; }
.customer-select { background:#f9fbf6; border:1px solid #e1e7da; border-radius:9px; padding:13px; }
.customer-icon { display:none; }
.customer-select strong { color:#3d5135; font-size:13px; }
.customer-select small { color:#697960; font-size:12px; }
.cart-lines { padding:0 24px; min-height:210px; max-height:40vh; }
.cart-line { padding:18px 0; gap:10px; }
.line-info { min-width:0; }
.line-info>strong { font-size:14px; color:var(--ink); }
.line-info>span { color:#62725b; font-size:12px; }
.quantity-control { gap:8px; font-size:13px; }
.quantity-control>button:not(.text-button) { width:44px; height:44px; min-width:44px; font-size:19px; color:#46683a; background:#f5f8ef; border-radius:8px; }
.quantity-control .text-button { min-height:44px; padding:8px; font-size:12px; }
.line-right strong { font-size:14px; }
.line-right .text-button { min-height:44px; color:#6f7769; font-size:12px; }
.cart-empty { padding:36px 5px; color:#697960; }
.cart-empty>span { font-size:32px; color:#a1b393; }
.cart-empty h3 { color:#4f6643; font-size:15px; }
.cart-empty p { color:#6a7b60; font-size:13px; }
.cart-footer { background:#f9fbf5; padding:20px 24px; }
.subtotal { color:#637458; font-size:12px; }
.total-row { font-size:14px; margin:18px 0; }
.total-row strong { font-size:32px; color:#243c1c; font-variant-numeric:tabular-nums; }
.pay-button { min-height:54px; font-size:15px; background:#286046; border-radius:10px; }
.pay-button>span { font-size:15px; font-weight:650; }
.payment-caption { color:#68775e; font-size:11px; }
.empty-state { padding:48px 18px; }
.empty-state h3 { color:#536b47; font-size:16px; }
.empty-state p { color:#68795e; font-size:13px; }
.empty-icon { font-size:32px; color:#9cac8c; }
dialog { padding:24px 28px 28px; border-radius:16px; box-shadow:0 20px 80px #1d2b252e; }
dialog::backdrop { background:#1f32274d; backdrop-filter:blur(2px); }
dialog h2 { font-size:26px; letter-spacing:-.8px; margin:12px 0 16px; }
dialog p { color:#626f5d; font-size:14px; }
label:not(.search-box):not(.photo-button) { color:#465b3b; font-size:13px; margin:18px 0; }
label>input:not([type=checkbox]):not([type=radio]),label>textarea,label>select { display:block; width:100%; margin-top:8px; min-height:46px; border:1px solid #d6dfce; border-radius:9px; padding:11px 12px; color:#273c1f; background:#fcfdf9; font:inherit; font-size:16px; }
label.checkbox-label { padding:8px 0; min-height:44px; }
.checkbox-label input { margin-top:4px; width:20px; height:20px; }
.notice { color:#566c47!important; background:#f2f6ec; border-color:#e0e9d3; padding:14px; font-size:13px!important; }
.payment-methods span { padding:14px 10px; font-size:13px; }
.payment-methods label { min-height:48px; }
.login-shell { background:#f6f7f1; }
.login-card { width:430px; padding:40px; background:#fff; border-color:#e1e6d9; border-radius:20px; box-shadow:0 15px 60px #27372008; }
.login-card h1 { font-size:32px; }
.login-card small { color:#66775b; font-size:12px; display:block; margin-top:16px; }
.login-card .primary { min-height:48px; }
.login-card>.muted { font-size:14px; }
.settings-grid { gap:20px; }
.settings-grid p { color:#64745a; font-size:14px; line-height:1.6; }
.settings-grid .section-card { padding:26px; }
.settings-grid .eyebrow { color:#5d7051; }
.settings-grid .secondary { margin-bottom:8px; }
table { font-size:13px; }
td { color:#546749; padding:16px 12px; }
th { color:#627a53; }
.customer-row { gap:14px; padding:18px 10px; }
.customer-row small { color:#667b58; }
.onboarding { margin:0 0 24px; padding:20px 24px; background:#fff; }
.onboarding-heading { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.onboarding-heading h2 { font-size:17px; }
.setup-steps { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:24px; margin:0; padding:0; list-style:none; }
.setup-steps li { display:flex; gap:12px; align-items:flex-start; }
.step-number { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:50%; background:#ecf2e8; color:#436636; font-size:12px; font-weight:700; }
.setup-steps strong { font-size:14px; }
.setup-steps p { font-size:12px; color:#637559; line-height:1.5; margin:4px 0 10px; }
.setup-steps button { font-size:12px; min-height:44px; }
.pilot-note { display:flex; align-items:flex-start; gap:14px; padding:18px 20px; border:1px solid #e9dfc2; border-radius:12px; background:#fdfbf4; margin:0 0 24px; }
.pilot-note p { color:#6f6346; font-size:13px; line-height:1.6; }
.mobile-body { background:#f7f8f2; }
.mobile-header { background:#fff; min-height:80px; }
.mobile-header .brand { font-size:16px; }
.mobile-main { max-width:560px; padding-top:28px; }
.mobile-main h1 { font-size:31px; }
.mobile-main .muted,.mobile-main .small-text { color:#627458; }
.camera-card { background:#253b2c; height:240px; border-radius:16px; }
.camera-card #camera-placeholder p { color:#cfdbc5; font-size:14px; }
.camera-card #camera-placeholder>span { color:#d2e2c3; }
.camera-label { color:#bfceaF; font-size:10px; }
.mobile-main #disconnect { color:#5e734f; }
.mobile-result { background:#edf5e5; border-color:#cbdcbb; color:#3d5c2b; }
.mobile-main .barcode-inline input { min-width:0; }
.mobile-main #pairing-screen p { margin-top:16px; font-size:15px; color:#617751; }
@media(max-width:1200px) {
 .sidebar { width:185px; }
 .work-area { margin-left:185px; }
 main { padding:28px 24px; }
 .topbar { padding:0 24px; }
 .cash-layout { grid-template-columns:minmax(250px,1fr) minmax(330px,360px); gap:18px; }
 .heading-actions { flex-direction:column; align-items:stretch; }
 .section-card { padding:20px; }
 .product-grid { grid-template-columns:repeat(auto-fill,minmax(125px,1fr)); }
}
@media(min-width:721px) and (max-width:1000px) {
 .sidebar { width:150px; padding:26px 10px; align-items:stretch; }
 .sidebar .brand-copy { display:none; }
 .sidebar>.brand { justify-content:center; }
 .sidebar nav { margin-top:32px; }
 .sidebar .nav-item { font-size:13px; text-align:left; justify-content:flex-start; }
 .sidebar-bottom .nav-item { font-size:12px; }
 .sidebar-foot,.sidebar .local-badge { display:none; }
 .work-area { margin-left:150px; }
 .cash-layout { grid-template-columns:minmax(0,1fr) 330px; gap:14px; }
 main { padding:24px 18px; }
 .scan-strip { padding:13px; }
 .scan-strip p { font-size:11px; }
 .setup-steps { gap:16px; }
}
@media(max-width:800px) {
 .cash-layout { grid-template-columns:minmax(0,1fr); }
 .cash-layout>.cart-panel { grid-row:1; }
 .cash-layout>.catalogue-panel { grid-row:2; }
 .cart-panel { position:static; }
 .cart-lines { min-height:120px; max-height:34dvh; }
 .setup-steps { grid-template-columns:1fr; gap:16px; }
 .setup-steps p { margin-bottom:6px; }
}
@media(max-width:720px) {
 .sidebar { width:100%; padding:6px 8px max(6px,env(safe-area-inset-bottom)); height:calc(67px + env(safe-area-inset-bottom)); background:#fff; }
 .sidebar nav { margin:0; gap:2px; }
 .sidebar nav .nav-item,.sidebar-bottom .nav-item { font-size:12px; gap:0; padding:10px 4px; border-radius:8px; min-height:48px; }
 .nav-item.active { box-shadow:inset 0 -3px #3c7351; }
 .work-area { margin-left:0; padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
 .topbar { height:64px; padding:0 16px; }
 .mobile-top-brand { font-size:17px; max-width:62%; }
 .topbar-right { gap:10px; }
 .topbar .pilot-badge { font-size:11px; }
 main { padding:24px 16px; }
 .page-heading { gap:18px; align-items:stretch; }
 .page-heading h1 { font-size:29px; }
 .page-heading .muted { font-size:14px; }
 .heading-actions { gap:8px; }
 .heading-actions .primary,.heading-actions .secondary { font-size:14px; min-height:46px; }
 .section-card { padding:18px; }
 .cart-header { padding:21px 20px 15px; }
 .cart-lines { padding:0 20px; }
 .cart-footer { padding:18px 20px; }
 .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .product-art { height:100px; }
 .onboarding { padding:18px; }
 .onboarding-heading { align-items:flex-start; }
 .onboarding-heading h2 { font-size:16px; }
 .setup-steps { gap:12px; }
 .settings-grid .section-card { padding:22px; }
 .pilot-note { padding:16px; }
 .login-card { padding:30px 26px; }
 dialog { padding:20px; max-height:90dvh; }
 .line-right { max-width:85px; }
 .line-info>strong { font-size:13px; }
 .quantity-control { gap:6px; }
 .quantity-control>button:not(.text-button) { width:44px; }
 .mobile-main { padding:24px 18px 32px; }
 .mobile-main .barcode-inline .secondary { padding-left:12px; padding-right:12px; }
 .settings-grid .secondary { width:100%; margin-right:0; }
}
/* Every visible button has a full touch target, including compact price actions. */
button { min-width:44px; }
.product-price { white-space:nowrap; gap:8px; }
@media(max-width:720px) {
  .cart-lines { max-height:200px; }
  .cart-footer .total-row { margin:12px 0; }
}

/* Mobile checkout stays in the first viewport; only cart lines scroll. */
@media(max-width:720px) {
  #main[data-page="caisse"] { padding-top:18px; }
  #main[data-page="caisse"]>.page-heading { gap:12px; margin-bottom:16px; }
  #main[data-page="caisse"]>.page-heading .eyebrow { display:none; }
  #main[data-page="caisse"]>.page-heading h1 { font-size:27px; }
  #main[data-page="caisse"]>.page-heading .muted { margin-top:6px; }
  #main[data-page="caisse"] .heading-actions {
    display:grid; grid-template-columns:1.15fr 1fr; width:100%; gap:8px;
  }
  #main[data-page="caisse"] .heading-actions button {
    padding:8px; min-height:46px; font-size:12px; line-height:1.3;
    white-space:normal; width:100%;
  }
  #main[data-page="caisse"] .cart-panel {
    display:flex; flex-direction:column;
    max-height:calc(100dvh - 310px - env(safe-area-inset-bottom));
  }
  #main[data-page="caisse"] #cart-content {
    display:flex; flex-direction:column; flex:1 1 auto; min-height:0;
  }
  #main[data-page="caisse"] .cart-header {
    flex-shrink:0; padding:16px 18px 12px;
  }
  #main[data-page="caisse"] .customer-select {
    flex-shrink:0; padding:10px 12px; margin-bottom:10px;
  }
  #main[data-page="caisse"] .cart-lines {
    flex:1 1 auto; min-height:64px; max-height:200px;
    overflow-y:auto; overscroll-behavior-y:contain;
    scrollbar-width:thin; padding:0 18px;
  }
  #main[data-page="caisse"] .cart-line { padding:12px 0; }
  #main[data-page="caisse"] .cart-footer {
    flex-shrink:0; padding:12px 18px;
  }
  #main[data-page="caisse"] .cart-footer .total-row { margin:8px 0; }
  #main[data-page="caisse"] .payment-caption { margin-top:8px; }
  #main[data-page="caisse"] .cart-empty { padding:16px 4px; }
}

.home-return{margin-bottom:20px}.login-home{display:inline-block;text-decoration:none}.mobile-top-brand{text-decoration:none}
dialog{width:min(540px,calc(100vw - 28px));max-width:calc(100vw - 28px);min-width:0}#dialog-body{min-width:0;overflow-wrap:anywhere}dialog form,dialog input,dialog textarea{min-width:0;max-width:100%}
.login-shell{grid-template-columns:minmax(0,1fr);min-width:0}.login-card{width:100%;max-width:430px;min-width:0;justify-self:center}
.sale-confirmation .sale-success-mark{width:48px;height:48px;border-radius:50%;background:#eaf3e2;color:#285944;display:grid;place-items:center;font-size:28px;margin:0 auto 12px}.sale-receipt-number{text-align:center}.sale-paid{display:flex;flex-direction:column;gap:4px;align-items:center;margin:14px 0}.sale-paid>span{font-size:13px;color:#63766c}.sale-paid>strong{font-size:38px;letter-spacing:-1.5px}.sale-change{display:flex;justify-content:space-between;gap:12px;background:#f0f5eb;padding:12px;border-radius:8px}.sale-summary-lines{max-height:170px;overflow:auto;margin:18px 0 8px}.sale-summary-lines .receipt-line{gap:14px}.sale-summary-lines .receipt-line>span{min-width:0;overflow-wrap:anywhere}.sale-summary-lines .receipt-line>strong{white-space:nowrap}.sale-print-button{min-height:58px;margin-top:12px;font-size:17px}.sale-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.sale-confirmation .sale-dismiss-hint{text-align:center;font-size:12px;color:#68756c;margin-bottom:0}@media(max-width:480px){.sale-paid>strong{font-size:34px}.sale-summary-lines{max-height:125px}.sale-next-actions .secondary{padding:10px 8px}}
.table-scroll{position:relative;min-width:0;max-width:100%}