: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}
