@font-face{font-family:"Expo Arabic";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/ExpoArabic-Light.ttf") format("truetype")}
@font-face{font-family:"Expo Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ExpoArabic-Book.ttf") format("truetype")}
@font-face{font-family:"Expo Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/ExpoArabic-Medium.ttf") format("truetype")}
@font-face{font-family:"Expo Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/ExpoArabic-Bold.ttf") format("truetype")}
@charset "UTF-8";
:root{color-scheme:light;--ink:#171717;--muted:#6d6b67;--paper:#f5f4f0;--line:#deddd7;--white:#fff;--radius:18px;font-family:"Expo Arabic",Arial,"Segoe UI",Tahoma,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6b7f91;outline-offset:3px}header,.wrap,footer{max-width:1280px;margin:auto;padding:26px 5%}header{display:flex;align-items:center;justify-content:space-between;gap:24px}header nav{display:flex;align-items:center;gap:26px}.logo{width:148px;max-height:60px;object-fit:contain}.button,button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35}.button.primary,button.primary{background:var(--ink);color:white;border-color:var(--ink)}.button.small{padding:9px 13px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;color:var(--muted)}h1{font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.06em;font-weight:500;margin:25px 0}h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:12px 0 24px}h3{font-size:20px;letter-spacing:-.02em;font-weight:500}p{line-height:1.7}.muted,small{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:60px;padding-bottom:90px}.hero p{max-width:430px;font-size:18px;color:var(--muted);margin-bottom:28px}.hero-visual{background:#e8e7e1;border-radius:26px;padding:28px 20px;transform:rotate(-2deg)}.hero-visual img{width:100%;display:block;border:1px solid #d4d3cf;border-radius:8px;box-shadow:0 24px 40px #0002}.hero-visual small{display:block;text-align:center;margin-top:17px;font-size:11px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:13px}.section{padding-top:75px;padding-bottom:75px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card p{color:var(--muted);font-size:14px}.card .number{font-size:12px;color:var(--muted);display:block;margin-bottom:40px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.dark{background:#1a1a1a;color:white}.dark p,.dark small{color:#b6b6b3}.dark .eyebrow{color:#b6b6b3}.dark .card{background:#242424;border-color:#383838}.steps{counter-reset:step}.step{border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:start;gap:24px}.step::before{counter-increment:step;content:'0'counter(step);font-size:12px;color:var(--muted);padding-top:3px}.step strong{display:block;font-weight:500}.step p{font-size:14px;color:var(--muted);margin:6px 0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px}.faq p{color:var(--muted);max-width:700px}.download-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:36px;border:1px solid var(--line);border-radius:var(--radius)}.download-box h3{margin-top:0}.download-box p{font-size:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.auth-shell{max-width:480px;margin:45px auto 80px;padding:0 20px}.auth-shell h1{font-size:35px;letter-spacing:-.04em}.auth-shell .card{padding:30px}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 17px;font-size:13px}.field input,.field textarea,.field select{border:1px solid var(--line);padding:13px;border-radius:9px;background:white;width:100%;color:var(--ink);min-height:44px}.field textarea{min-height:100px;resize:vertical}input[type=email],input[type=password],input[type=tel],.latin{direction:ltr;text-align:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}.notice{background:#eeeee8;border-radius:9px;padding:13px 16px;font-size:14px;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}.notice.error{background:#fff0ed;color:#873827}.notice.good{background:#eaf3ed;color:#315b3e}.portal{max-width:1380px;margin:auto;display:grid;grid-template-columns:220px 1fr;min-height:75vh;padding:20px 4%;gap:36px}.sidebar{border-inline-end:1px solid var(--line);padding-inline-end:22px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar button{justify-content:start;border-color:transparent;background:none}.sidebar button.active{background:white;border-color:var(--line)}.sidebar small{display:block;padding:18px 12px}.workspace h1{font-size:35px;margin:16px 0 28px;letter-spacing:-.04em}.workspace .grid{grid-template-columns:repeat(3,1fr)}.metric{font-size:32px;display:block;margin-top:12px}.workspace table{border-collapse:collapse;width:100%;font-size:13px;text-align:start}.workspace th,.workspace td{text-align:start;padding:15px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table-scroll{overflow:auto}.badge{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:5px 9px;font-size:11px;white-space:nowrap}.brand-preview{max-width:180px;max-height:130px;object-fit:contain;display:block;margin:18px 0}.text-button{background:none;border:none;text-decoration:underline;padding:8px 0;color:var(--muted);font-size:13px}.busy{padding:80px 20px;text-align:center;color:var(--muted)}.progress{height:5px;background:#d7d7d1;border-radius:4px;overflow:hidden}.progress::after{content:'';display:block;width:35%;height:100%;background:#222;animation:loading 1s ease-in-out infinite alternate}@keyframes loading{to{transform:translateX(180%)}}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.4}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .hero-visual{transform:rotate(2deg)}@media(max-width:950px){.hero{gap:25px}.grid{grid-template-columns:1fr 1fr}.portal{grid-template-columns:170px 1fr;gap:20px}.workspace .grid{grid-template-columns:1fr 1fr}.split{gap:30px}header nav{gap:12px}.desktop-nav{display:none}}@media(max-width:650px){header{padding:20px 5%}.logo{width:120px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:45px}.hero h1{font-size:49px}.hero-visual{transform:none!important}.strip{flex-wrap:wrap;gap:15px}.section{padding-top:44px;padding-bottom:44px}.grid,.split,.form-grid,.workspace .grid{grid-template-columns:1fr}.download-box{align-items:start;flex-direction:column;padding:25px}.portal{display:block;padding:10px 5%}.sidebar{border:none;padding:0}.sidebar nav{flex-direction:row;overflow:auto;padding-bottom:10px}.sidebar button{white-space:nowrap;padding:10px 12px}.sidebar small{display:none}.workspace h1{font-size:30px}.workspace .card{padding:18px}footer{flex-direction:column}.auth-shell{margin-top:20px}.auth-shell .card{padding:24px}.full{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.download-box>div{min-width:0}.download-box small{display:block;overflow-wrap:anywhere}.workspace,.card,.form-grid>*{min-width:0}input[type=checkbox]{width:auto;min-height:auto}
.web-checkout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:24px;margin-top:22px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;margin-top:16px}.product-tile{display:flex;flex-direction:column;align-items:start;gap:10px;min-height:145px;text-align:start;overflow-wrap:anywhere}.cart-line{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.cart-line>span{flex:1;min-width:0;overflow-wrap:anywhere}.cart-line input{width:65px;min-height:44px}.actions input,#commerce-search{padding:12px;border:1px solid var(--line);border-radius:8px;max-width:100%;min-height:44px}.receipt{max-width:440px;margin:24px auto}.receipt table{width:100%}@media(max-width:1000px){.web-checkout{grid-template-columns:1fr}}@media print{body *{visibility:hidden}#web-receipt,#web-receipt *{visibility:visible}#web-receipt{position:absolute;left:0;top:0;margin:0;padding:8mm;width:80mm;max-width:80mm;border:0;box-shadow:none}#web-receipt button{display:none}}
/* Beta 8.1 shared visual language: desktop-inspired neutrals and clear controls. */
:root{--paper:#f5f5f3;--white:#fff;--ink:#141414;--muted:#71716f;--line:#e5e5e1;--raised:#fafaf8;--shadow:0 8px 32px #15151505;font-family:"Expo Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums}
:root[data-theme=dark]{--paper:#101010;--white:#191919;--ink:#f6f6f3;--muted:#aaa9a4;--line:#33332f;--raised:#20201e;--shadow:0 8px 32px #0002;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}.card,.button,button,.field input,.field textarea,.field select,.actions input,#commerce-search{background:var(--white);color:var(--ink)}.card{box-shadow:var(--shadow);padding:26px;border-radius:20px}.button.primary,button.primary{color:var(--white);background:var(--ink);border-color:var(--ink)}header{max-width:1600px;border-bottom:1px solid var(--line);min-height:90px}.logo{width:160px;mix-blend-mode:multiply}[data-theme=dark] .logo,[data-theme=dark] .auth-brand img{filter:invert(1);mix-blend-mode:screen}.ui-icon{flex-shrink:0}.feature-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--raised);border:1px solid var(--line);border-radius:13px;margin-bottom:28px}.feature-icon svg{width:25px;height:25px}.hero{padding-top:76px;padding-bottom:100px;gap:50px}.hero h1{font-weight:650;letter-spacing:-.065em}.hero-visual{background:var(--raised);border:1px solid var(--line);box-shadow:0 28px 70px #0000000c;transform:none!important;padding:14px;border-radius:22px}.hero-visual img{border-radius:12px;border-color:var(--line)}.hero-visual small{margin-bottom:8px}.sectionhead{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sectionhead h2{margin:0 0 10px}.sectionhead p{margin-top:0}.card h2{font-size:24px;font-weight:600}.portal{max-width:1600px;grid-template-columns:240px minmax(0,1fr);padding:24px 2%;gap:30px}.sidebar{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:20px 14px;align-self:start;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.sidebar button{padding:12px 13px;gap:12px;min-height:46px;font-size:14px}.sidebar button.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.sidebar .field{padding:4px 8px 10px}.workspace{display:flex;flex-direction:column;gap:20px}.workspace h1{margin:8px 0 4px;font-size:32px;font-weight:650}.workspace h3{font-weight:600}.workspace>form{margin:0}.workspace .metric{font-weight:650;font-size:clamp(23px,2.4vw,34px);letter-spacing:-.04em;overflow-wrap:anywhere}.workspace .grid{gap:16px}.workspace table{font-size:14px}.workspace th{background:var(--raised);font-weight:500;color:var(--muted);font-size:12px}.workspace td{padding:18px 12px}.workspace tbody tr:last-child td{border-bottom:0}.workspace tbody tr:hover{background:var(--raised)}.badge{background:var(--raised);color:var(--ink)}.notice{background:var(--raised);border:1px solid var(--line);margin:0}.notice.error{background:#fff1ee;color:#812b20}[data-theme=dark] .notice.error{background:#301b19;color:#ffb7ab}[data-theme=dark] .notice.good{background:#192b20;color:#a4d9b5}.pilot-auth{max-width:520px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:34px}.auth-brand img{width:185px;mix-blend-mode:multiply}.auth-brand span{font-size:10px;letter-spacing:.2em;color:var(--muted)}.pilot-auth h1,.pilot-auth>p{text-align:center}.pilot-auth .primary,.credential-change .primary{width:100%;min-height:48px}.account-help{margin:24px 0;color:var(--muted);font-size:14px}.powered{display:block;text-align:center;color:var(--muted);font-size:11px}.create-store summary{font-size:17px;font-weight:600;cursor:pointer}.create-store[open] summary{margin-bottom:25px}.managed-account-action,.managed-edit,.managed-pin{min-width:210px;display:flex;flex-direction:column;gap:10px;padding:12px 0}.managed-pin .field{margin-bottom:0}.managed-create{margin-top:20px;max-width:600px}.credential-change{max-width:540px}.product-tile{border-radius:16px;min-height:168px;background:var(--white);text-align:start}.product-tile:hover{border-color:var(--ink);transform:translateY(-2px)}button,.button{transition:background .16s,border-color .16s,transform .16s}.button:hover,button:hover{border-color:var(--muted)}.product-tile strong{font-weight:600}.web-checkout{gap:20px}.web-checkout>section.card{align-self:start;position:sticky;top:20px}.product-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.product-cards .card{display:flex;flex-direction:column;gap:14px}.product-cards h3{margin:0}.product-cards p{margin:0}.product-cards .product-symbol{height:90px;display:grid;place-items:center;background:var(--raised);border-radius:12px}.product-symbol svg{width:34px;height:34px}.view-toggle{margin-inline-start:auto;display:flex;gap:6px}.view-toggle .active{background:var(--ink);color:var(--white)}.dark{background:#171717}.dark .card{color:#fafaf7}.strip{font-weight:500}.card,.hero-visual{animation:arrive .32s ease both}@keyframes arrive{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .metric{letter-spacing:0}input[name=username],input[name=country],input[name=currency],input[name=timezone],input[name=barcode],input[name=sku]{direction:ltr;text-align:start}
@media(max-width:1050px){.portal{grid-template-columns:190px minmax(0,1fr);gap:18px}.sidebar{padding:15px 9px}.sidebar button{font-size:13px}.workspace .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.web-checkout>section.card{position:static}}
@media(max-width:700px){header{min-height:74px;gap:10px}header nav{gap:8px}header nav>a{font-size:12px}.logo{width:110px}header button{padding:9px}.portal{display:block;padding:12px}.sidebar{position:static;max-height:none;margin-bottom:20px;border-radius:14px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar button{white-space:nowrap}.sidebar .field{margin-bottom:8px;padding:0}.workspace{gap:14px}.workspace .grid{grid-template-columns:1fr}.hero{padding-top:35px;padding-bottom:45px}.hero h1{font-size:49px}.hero-visual{padding:10px}.workspace h1{font-size:28px}.card{border-radius:16px}.form-grid{grid-template-columns:1fr}.product-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.auth-brand{margin-bottom:20px}.sectionhead{align-items:flex-start}.sectionhead h2{font-size:27px}.view-toggle{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Beta 8.3.3 design fixes */
:root{--muted:#6b6a63}
.faq details{padding:0}
.faq summary,.create-store summary{display:flex;align-items:center;min-height:44px;width:100%}
header button{min-width:44px;min-height:44px}
header nav>a,footer a{display:inline-flex;align-items:center;min-height:44px}
.hero-visual img{height:auto;background:var(--raised)}
.workspace .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:950px){.workspace .grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
@media(max-width:700px){header nav>a,footer a{font-size:13px}.workspace .grid{grid-template-columns:1fr}}

/* Web POS: empty states and the scan field */
#barcode-form input[name=barcode]{flex:1 1 260px;min-width:0}
.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px;border:1px dashed var(--line);border-radius:16px;background:var(--raised);color:var(--muted)}
.empty-state strong{color:var(--ink);font-size:16px}
.empty-state p{margin:0;font-size:14px}
.empty-state button{align-self:flex-start}

/* Web POS: desktop-style catalogue */
.searchrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.searchrow #barcode-form{flex:1 1 260px;min-width:0}
.searchrow input[name=barcode]{flex:1 1 160px;min-width:0;min-height:52px;font-size:16px;padding:12px 16px}
.searchrow #commerce-search{flex:0 1 150px;min-width:0;min-height:52px}
.product-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:150px;text-align:start;padding:16px}
.product-tile .pname{font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.product-tile .pmeta{color:var(--muted);font-size:12px}
.product-tile .price{margin-top:auto;font-weight:600}
.product-tile[disabled]{opacity:.55;cursor:not-allowed}
.product-tile .badge{position:absolute;inset-inline-end:10px;inset-block-start:10px;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--raised);color:var(--muted)}
.product-tile .badge.low{border-color:#d9a441;color:#8a5a00}
.product-tile .badge.out{border-color:#d98a8a;color:#8a1f1f}
[data-theme=dark] .product-tile .badge.low{color:#f0c274}
[data-theme=dark] .product-tile .badge.out{color:#f0a0a0}

/* Web POS: cart column */
.cart-col #checkout-form{display:flex;flex-direction:column;gap:14px}
.carttop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.carttop h2{margin:0;font-size:24px}
.cartcount{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.cart-channel select{width:100%}
.cart-list{display:flex;flex-direction:column;max-height:44vh;overflow:auto}
.cart-empty{display:flex;align-items:center;justify-content:center;min-height:96px;padding:16px;border:1px dashed var(--line);border-radius:14px;background:var(--raised);color:var(--muted);font-size:14px;text-align:center}
.cart-totals{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:12px}
.cart-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}
.cart-row .num{font-variant-numeric:tabular-nums}
.cart-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;color:var(--ink)}
.cart-row.total span{font-weight:600}
.cart-row.total .num{font-size:26px;font-weight:700}
.cart-note{margin:0}
.cart-note small{font-size:12px}
.cart-note.error{color:#8a1f1f}
[data-theme=dark] .cart-note.error{color:#f0a0a0}
.cart-secondary{display:flex;gap:10px}
.cart-secondary button{flex:1}

/* Audit fixes: the stock badge is absolutely positioned but the product name never reserved
   space for it, so 40 of 42 tiles had the badge sitting on top of the name text. Reserve the
   badge's width on the name, and let the search field shrink instead of wrapping to a new line. */
.product-tile .pname{padding-inline-end:26px}
.searchrow #commerce-search{flex:1 1 90px;min-width:0}

/* Audit: overflow-wrap:anywhere broke product names mid-word ("Sweatshi / rt"). break-word
   only breaks when a word cannot fit, which keeps names readable. Also let the search field
   shrink enough to stay on one line with the scan field. */
.product-tile .pname{overflow-wrap:break-word;word-break:normal;hyphens:none}
@media(min-width:700px){.searchrow{flex-wrap:nowrap}}
.searchrow #commerce-search{flex:1 1 80px;min-width:70px}