:root{--forest:#123c31;--green:#176b4b;--pale:#e9f1e9;--canvas:#f6f7f3;--ink:#20342c;--muted:#64756d;--line:#e2e7df;--amber:#f3e9cf;--red:#a73c34;--radius:12px;font-family:'Noto Sans Arabic',Tahoma,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{touch-action:manipulation}button{border:0}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #b98935;outline-offset:3px}input:focus,select:focus{outline:2px solid var(--green);outline-offset:1px}::selection{background:#cbe4cb;color:var(--forest)}input{caret-color:var(--green)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c0cec2;border-radius:6px}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:800;line-height:1.6;letter-spacing:-.5px}h2{font-size:19px;font-weight:700}h3{font-size:15px}small,.muted{color:var(--muted)}small{font-size:11px}.num,bdi{font-variant-numeric:tabular-nums}.num{direction:ltr;unicode-bidi:isolate;display:inline-block}svg.i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--forest);color:#fff;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:30px 18px 20px;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin:0 12px 34px}.brand img{width:42px;height:42px}.brand strong{font-size:26px;font-weight:800;letter-spacing:-1px}.brand small{display:block;color:#c7d8cd;font-size:10px;margin-top:-4px}.side-nav{display:grid;gap:7px}.nav-button{display:flex;align-items:center;gap:12px;padding:13px 15px;background:transparent;color:#c5d8cf;text-align:right;border-radius:9px;font-size:13px;font-weight:500}.nav-button:hover{background:#1e4c3e}.nav-button.active{background:#f0ebcf;color:var(--forest);font-weight:700}.nav-button .i{width:19px;height:19px}.nav-button .count{margin-right:auto;background:#2b5645;padding:0 7px;border-radius:4px;color:#fff;font-size:10px}.sidebar-bottom{margin-top:auto}.store-info{border-top:1px solid #386052;padding:20px 9px 8px;display:flex;gap:10px;align-items:center}.avatar{background:#315b48;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700}.store-info strong{font-size:12px}.store-info small{display:block;color:#b5cfc0}.version{color:#c0d2c7;font-size:10px;padding:18px 9px 0}.main{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.breadcrumb span:last-child{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.status{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--green)}.status-dot{width:6px;height:6px;border-radius:100%;background:#43875b}.mode-switch{display:flex;background:#f0f3ed;padding:4px;border-radius:8px;gap:2px}.mode-switch button{background:transparent;color:var(--muted);font-size:11px;padding:7px 12px;border-radius:5px;white-space:nowrap}.mode-switch button.selected{background:white;color:var(--forest);box-shadow:0 1px 3px #123c3112;font-weight:700}.beta-banner{background:#f2eedf;padding:8px 32px;display:flex;align-items:center;gap:8px;font-size:10px;color:#635735;border-bottom:1px solid #e7e1ce}.beta-banner .i{width:14px;height:14px}.page{padding:26px 32px 32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading p{color:var(--muted);font-size:12px;margin-top:4px}.heading-side{text-align:left;font-size:11px;color:var(--muted)}.heading-side strong{display:block;color:var(--ink);font-size:13px;font-weight:600}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;background:var(--pale);color:var(--green);padding:4px 8px;border-radius:5px;white-space:nowrap}.pill.warn{background:#f7edd5;color:#806015}.pill.danger{background:#f7e9e5;color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:600;background:#edf1e9;color:var(--forest);white-space:nowrap}.btn:hover{filter:brightness(.96)}.btn.primary{background:var(--green);color:white}.btn.outline{background:white;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:#f8ebe7;color:var(--red)}.btn.small{min-height:32px;padding:6px 10px;font-size:11px}.btn.wide{width:100%}.icon-btn{width:36px;height:36px;border-radius:7px;background:transparent;display:inline-grid;place-items:center;color:var(--muted)}.icon-btn:hover{background:#eff3ec}.icon-btn .i{width:18px;height:18px}.sale-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.catalogue{min-width:0}.search-row{display:flex;gap:10px;margin-bottom:18px}.search{position:relative;flex:1;min-width:0}.search input{background:white;border:1px solid var(--line);border-radius:9px;width:100%;height:48px;padding:0 43px 0 12px;font-size:12px;color:var(--ink)}.search>.i{position:absolute;right:14px;top:14px;color:#718074}.search input::placeholder{color:#737f76}.scan-button{background:var(--forest);color:#fff;min-width:48px;height:48px;border-radius:9px;display:grid;place-items:center}.categories{display:flex;gap:7px;overflow:auto;padding-bottom:14px;margin-bottom:7px;scrollbar-width:none}.category{padding:9px 14px;border:1px solid var(--line);background:white;color:var(--muted);border-radius:7px;white-space:nowrap;font-size:11px;display:flex;gap:7px;align-items:center}.category.active{background:var(--forest);color:#fff;border-color:var(--forest)}.category .i{width:15px;height:15px}.catalogue-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px;color:var(--muted)}.catalogue-label strong{color:var(--ink);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;text-align:right;position:relative;color:var(--ink);transition:border-color .16s,background .16s;min-width:0}.product:hover{border-color:#8cae91;background:#fcfdfb}.product:disabled{opacity:.65}.product-visual{height:104px;background:var(--product-bg,#eef2e8);border-radius:7px;display:grid;place-items:center;position:relative;margin-bottom:10px;overflow:hidden}.product-visual .i{width:46px;height:46px;stroke-width:1.2;color:var(--product-color,#64815b)}.product-code{position:absolute;bottom:8px;left:9px;direction:ltr;font-size:8px;letter-spacing:1px;color:#626f60}.product-badge{position:absolute;top:8px;right:8px;font-size:8px;background:#fffdf4;padding:2px 5px;border-radius:4px;color:#806015}.product-name{font-size:12px;font-weight:700;line-height:1.7;display:block;overflow-wrap:anywhere}.product-unit{font-size:9px;color:var(--muted);display:block;margin:1px 0 10px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.price{font-size:16px;font-weight:800}.currency{font-size:9px;font-weight:500;color:var(--muted);margin-right:3px}.add-mark{width:25px;height:25px;background:#edf3e9;color:var(--green);border-radius:7px;display:grid;place-items:center}.add-mark .i{width:14px;height:14px}.stock-text{font-size:9px;color:var(--muted);margin-top:7px;display:block}.basket{background:#fff;border:1px solid var(--line);border-radius:12px;position:sticky;top:22px;overflow:hidden;display:flex;flex-direction:column;min-height:590px}.basket-head{padding:19px 18px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.basket-head h2{font-size:16px}.basket-head p{font-size:10px;color:var(--muted);margin-top:2px}.basket-head .i{width:18px}.customer-select{margin:15px 16px 0}.customer-select select{width:100%;background:#f8faf6;border:1px solid var(--line);padding:10px;color:var(--ink);font-size:11px;border-radius:7px}.basket-lines{padding:8px 16px;flex:1;max-height:330px;overflow:auto}.basket-line{padding:14px 0;border-bottom:1px solid #edf0e9;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.basket-line strong{font-size:11px;display:block;line-height:1.8}.basket-line small{font-size:9px}.line-top{display:flex;gap:6px;align-items:center}.mini-visual{width:33px;height:35px;background:#f0f3e9;border-radius:6px;display:grid;place-items:center;flex:none}.mini-visual .i{width:19px;height:19px;color:#67815d}.stepper{display:flex;align-items:center;gap:7px;direction:ltr;margin-top:8px}.stepper button{width:26px;height:26px;display:grid;place-items:center;background:#f2f5ee;border-radius:5px;color:var(--ink)}.stepper button .i{width:12px;height:12px}.stepper .qty{font-size:11px;min-width:26px;text-align:center;border:0;background:transparent;color:var(--ink);width:48px;padding:0}.line-total{font-size:12px;font-weight:700;text-align:left}.basket-summary{padding:16px 18px 18px;border-top:1px solid var(--line);background:#fdfefb;margin-top:auto}.summary-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:6px 0}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;padding:11px 0 15px}.total-row .num{font-size:25px;font-weight:800;letter-spacing:-.6px;color:var(--forest)}.pay-btn{display:flex;width:100%;justify-content:space-between;align-items:center;background:var(--green);color:white;min-height:49px;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:700}.basket-tools{display:flex;gap:8px;margin-top:10px}.basket-tools .btn{flex:1}.empty{text-align:center;padding:40px 14px;color:var(--muted)}.empty>.i{width:46px;height:46px;stroke-width:1;color:#84977f;margin-bottom:12px}.empty h3{color:var(--ink);margin-bottom:6px;font-size:14px}.empty p{font-size:11px;line-height:1.9;max-width:260px;margin:auto}.empty .btn{margin-top:16px}.basket-empty{display:grid;place-content:center;min-height:245px}.workspace-note{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--muted);font-size:9px;margin-top:16px}.workspace-note .i{width:12px;height:12px}.mobile-cart,.bottom-nav,.mobile-brand{display:none}.table-surface{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{font-weight:500;font-size:10px;color:var(--muted);background:#f9faf7;padding:14px 17px;border-bottom:1px solid var(--line)}td{padding:14px 17px;border-bottom:1px solid #edf0e9;font-size:12px}tbody tr:last-child td{border-bottom:0}.table-product{display:flex;gap:11px;align-items:center}.table-product strong{display:block;font-size:12px}.table-product small{font-size:9px;direction:ltr;display:block;text-align:right}.table-product .mini-visual{width:40px;height:43px}.toolbar{display:flex;gap:10px;margin-bottom:18px;align-items:center}.toolbar .search{max-width:440px}.filter-select{height:46px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:white;color:var(--ink);font-size:11px}.section-meta{display:flex;gap:24px;padding:14px 18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.section-meta strong{color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:24px;padding:21px 5px}.stat{padding:0 22px;border-left:1px solid var(--line)}.stat:last-child{border:0}.stat-label{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.stat-label .i{width:16px;height:16px}.stat-value{font-size:26px;font-weight:800;margin-top:9px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.stat small{font-size:9px;display:block;margin-top:2px}.panel-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-heading h2{font-size:15px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf0e9}.list-row:last-child{border:0}.list-row strong{font-size:12px}.list-row small{display:block;margin-top:3px}.credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.credit-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.credit-person{display:flex;gap:10px;align-items:center}.credit-person .avatar{background:#eaf0e3;color:var(--green)}.credit-person small{display:block;font-size:10px}.credit-balance{padding:22px 0 17px}.credit-balance>small{display:block}.credit-balance .num{font-size:28px;font-weight:800}.credit-card .btn{margin-top:12px}.hint-box{background:#edf2e9;color:#486449;padding:15px 18px;border-radius:9px;display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;margin-bottom:20px}.hint-box .i{width:18px;height:18px;margin-top:3px}.settings-list{max-width:760px;display:grid;gap:16px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;background:white;border:1px solid var(--line);border-radius:10px}.settings-row strong{display:block;font-size:13px}.settings-row p{font-size:11px;color:var(--muted);margin-top:4px}.notification-dot{width:5px;height:5px;background:#a98b36;position:absolute;top:6px;left:7px;border-radius:50%}.notifier{position:relative}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:20px}.dialog-header h2{font-size:20px}.dialog-sub{font-size:11px;color:var(--muted);margin-top:2px}dialog{border:0;border-radius:16px;padding:24px;width:min(560px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:#fff;color:var(--ink);box-shadow:0 24px 90px #0d2f3330}dialog::backdrop{background:#112a245e}dialog.wide-dialog{width:min(700px,calc(100% - 28px))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field>label{font-size:11px;font-weight:600}.field input,.field select{height:45px;border:1px solid #d4ddd1;border-radius:7px;padding:8px 11px;background:#fff;color:var(--ink);width:100%;min-width:0;font-size:12px}.field input:read-only{background:#f3f5ef}.field small{font-size:9px}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.form-error{color:var(--red);background:#fbefeb;padding:9px 12px;border-radius:6px;font-size:11px;margin-top:14px}.form-error:empty{display:none}.payment-total{background:#eff4e9;text-align:center;padding:19px;border-radius:10px;margin-bottom:20px}.payment-total span{display:block;font-size:11px;color:#52704d}.payment-total strong{font-size:36px;color:var(--forest);font-weight:800}.payment-types{display:flex;gap:8px;margin-bottom:20px}.payment-types label{flex:1;border:1px solid var(--line);border-radius:8px;padding:11px;font-size:12px;text-align:center;cursor:pointer}.payment-types label:has(input:checked){background:#eaf2e4;border-color:var(--green);color:var(--green)}.payment-types input{accent-color:var(--green);margin-left:5px}.change-box{display:flex;justify-content:space-between;background:#faf8ed;border-radius:7px;padding:13px 16px;margin-top:15px;font-size:12px}.receipt{text-align:center}.receipt .receipt-mark{width:55px;height:55px;border-radius:50%;background:#e8f3e4;display:grid;place-items:center;color:var(--green);margin:0 auto 12px}.receipt-mark .i{width:27px;height:27px}.receipt h2{font-size:23px}.receipt>p{font-size:11px;color:var(--muted);margin-top:5px}.receipt-paper{border:1px dashed #cdd7c8;padding:20px;margin:22px 0;text-align:right;border-radius:5px}.receipt-title{text-align:center;border-bottom:1px dashed #cdd7c8;padding-bottom:14px;margin-bottom:12px}.receipt-title h3{font-size:21px}.receipt-title p{font-size:10px;color:var(--muted)}.receipt-line{display:flex;justify-content:space-between;gap:16px;font-size:11px;padding:7px 0}.receipt-total{font-size:15px;font-weight:800;border-top:1px dashed #cdd7c8;margin-top:10px;padding-top:13px}.success-actions{display:flex;gap:8px}.success-actions .btn{flex:1}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--forest);color:white;border-radius:10px;padding:12px 22px;font-size:12px;z-index:200;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:90%;box-shadow:0 6px 22px #123c3120}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.date-text{direction:rtl}.money-cell{font-weight:700;direction:ltr;text-align:right}.more-mobile{display:none}.held-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.held-row .btn{background:#f3eacf;color:#735d25}.clear-filter{color:var(--green);background:transparent;text-decoration:underline;font-size:11px}.small-text{font-size:11px;line-height:1.9}.mobile-close{display:none}.danger-text{color:var(--red)}
@media(min-width:1600px){.page{max-width:1550px;margin:auto}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-visual{height:125px}}
@media(max-width:1270px){.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{margin-inline:8px}.page{padding:24px}.topbar{padding-inline:24px}.beta-banner{padding-inline:24px}.sale-layout{grid-template-columns:minmax(0,1fr) 305px;gap:17px}.product-grid{gap:10px}.product-visual{height:89px}.nav-button{padding-inline:11px}.credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1060px) and (min-width:761px){.shell{grid-template-columns:86px minmax(0,1fr)}.brand{justify-content:center;margin:0 0 30px}.brand>div,.nav-button>span,.sidebar-bottom .store-info>div:not(.avatar),.version{display:none}.nav-button{justify-content:center;padding:15px 10px}.sidebar{padding-inline:12px}.store-info{justify-content:center;padding-inline:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stat:nth-child(2){border:0}.panel-grid{grid-template-columns:1fr}.heading-side{display:none}}
@media(max-width:760px){:root{font-size:14px}.shell{display:block}.sidebar{display:none}.topbar{height:68px;padding:0 17px;gap:7px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:800}.mobile-brand img{width:30px;height:30px;border-radius:7px}.top-actions{gap:8px}.top-actions>.status,.top-actions>.icon-btn{display:none}.mode-switch button{font-size:9px;padding:6px 8px}.beta-banner{font-size:8px;padding:7px 17px;line-height:1.7;gap:5px}.beta-banner .i{width:12px;height:12px;flex:none}.page{padding:20px 16px 120px}.page-heading{margin-bottom:19px;align-items:flex-start}h1{font-size:24px}.page-heading p{font-size:10px}.heading-side{display:none}.sale-layout{display:block}.search-row{gap:8px;margin-bottom:14px}.search input{font-size:11px;height:47px}.scan-button{height:47px}.categories{gap:6px;margin-left:-16px;padding-left:16px;margin-bottom:1px}.category{font-size:10px;padding:8px 11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{padding:9px}.product-visual{height:108px}.product-visual .i{width:43px;height:43px}.product-name{font-size:12px}.product-unit{font-size:9px;margin-bottom:7px}.price{font-size:17px}.stock-text{font-size:9px}.catalogue-label{margin-bottom:10px}.basket{display:none}.basket.mobile-open{display:flex;position:fixed;inset:0;border:0;border-radius:0;z-index:60;min-height:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.basket.mobile-open .basket-lines{max-height:none}.basket-head{padding:17px}.basket-head h2{font-size:20px}.basket-head p{font-size:11px}.mobile-close{display:inline-grid}.basket-line strong{font-size:13px}.basket-line small{font-size:11px}.basket-line .line-total{font-size:14px}.stepper button{width:33px;height:33px}.stepper .qty{font-size:13px}.basket-summary{padding:18px}.basket-empty{min-height:320px}.mobile-cart{display:flex;position:fixed;bottom:78px;left:16px;right:16px;border-radius:10px;background:var(--green);color:#fff;padding:12px 17px;align-items:center;justify-content:space-between;z-index:30;min-height:50px;box-shadow:0 5px 20px #123c3125}.mobile-cart span{font-size:12px;font-weight:600}.mobile-cart .cart-count{background:#ffffff26;border-radius:5px;padding:3px 7px;font-size:10px;margin-left:8px}.mobile-cart strong{direction:ltr;font-size:17px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:35;padding:7px 4px max(7px,env(safe-area-inset-bottom))}.bottom-nav button{background:transparent;display:flex;align-items:center;flex-direction:column;gap:3px;color:var(--muted);font-size:9px;padding:4px 12px;border-radius:7px;min-width:55px}.bottom-nav button.active{color:var(--green);background:#eef3e8}.bottom-nav .i{width:21px;height:21px}.workspace-note{font-size:8px;margin-top:18px}.toolbar{flex-wrap:wrap;gap:8px}.toolbar .search{max-width:none;flex-basis:100%}.toolbar .filter-select{flex:1}.toolbar .btn{flex:1;font-size:10px}.page-heading>.btn{font-size:10px;padding:9px 11px;min-height:39px}.page-heading>.btn .i{width:15px;height:15px}.table-surface{border-radius:9px}th,td{padding:12px;font-size:11px}.section-meta{font-size:9px;flex-wrap:wrap;gap:9px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0;gap:20px}.stat{padding:0 17px}.stat:nth-child(2){border:0}.stat-label{font-size:10px}.stat-value{font-size:24px}.stat small{font-size:8px}.panel-grid{grid-template-columns:1fr;gap:16px}.panel{padding:17px}.credit-grid{grid-template-columns:1fr}.credit-card{padding:18px}.credit-balance{padding:17px 0 10px}.credit-person strong{font-size:15px}.hint-box{font-size:10px;padding:12px}.settings-row{align-items:flex-start;flex-direction:column}.settings-row .btn{width:100%}.settings-row p{font-size:10px}.form-grid{gap:12px}.field input,.field select{font-size:16px}.field>label{font-size:10px}dialog{padding:20px 17px;max-height:94dvh}.dialog-header h2{font-size:19px}.dialog-header{margin-bottom:17px}.payment-total strong{font-size:33px}.form-actions .btn{flex:1;font-size:11px}.more-mobile{display:block}#toast{bottom:145px;min-width:220px;text-align:center;font-size:11px}.held-row .btn{font-size:9px}.receipt-line{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;width:80mm;max-height:none;box-shadow:none;padding:0;margin:0;border-radius:0}dialog .dialog-header,.receipt>.receipt-mark,.receipt>h2,.receipt>p,.success-actions{display:none}.receipt-paper{border:0;padding:5px;margin:0}.receipt-title{display:block}.receipt-line{font-size:11px}dialog::backdrop{background:transparent}}

/* WhatsApp connection reuses the store's existing form and button system. */
.whatsapp-cloud-box{background:#f3f6ef;border:1px solid #d9e4d1;border-radius:16px;padding:18px;margin:18px 0}.whatsapp-cloud-box p{font-size:14px;line-height:1.8;color:#4c655a}.whatsapp-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.8;margin:14px 0}.whatsapp-consent input{width:20px;min-width:20px;height:20px;margin:3px 0;accent-color:#196749}