/* A quieter workspace with a compact phone menu and a clear checkout hierarchy. */
aside{position:sticky;top:0;height:100dvh;overflow:auto;gap:20px}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-group+.nav-group{margin-top:14px}.nav-group-title{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:6px 12px}.nav-group button{width:100%;min-height:44px}.aside-caption{display:none}#workspace-menu{display:none}#workspace-help{width:100%;margin-bottom:14px;text-align:left}.workspace>header{padding-bottom:20px;border-bottom:1px solid var(--line);align-items:flex-start}.header-selects{flex-wrap:wrap;justify-content:flex-end}.header-selects label{flex:1;min-width:115px;max-width:200px}.header-selects #till-label{max-width:200px}.workspace{padding-top:28px}.workspace>header>div:first-child{min-width:150px}.panel,.metric,.cart{box-shadow:0 3px 14px #172c4705}.selling{gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,365px)}.cart{position:sticky;top:20px;padding:22px;max-height:calc(100dvh - 40px);overflow:auto;scroll-margin-top:16px}.cart-tools{gap:6px}.cart-tools button{min-height:40px;font-size:11px}.cart-row strong{overflow-wrap:anywhere}.cart-row{padding:16px 0}.checkout{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;min-height:52px}.checkout-total{white-space:nowrap;font-variant-numeric:tabular-nums}.cash-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cash-options button{font-size:11px;padding:8px 10px;min-height:40px}.catalogue-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0}.catalogue-toolbar label{min-width:155px;flex:1;max-width:430px}.catalogue-toolbar button{min-height:44px}.catalogue-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0}.catalogue-pages span{font-size:12px;font-variant-numeric:tabular-nums}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.tile{gap:9px;min-height:156px;transition:border-color .12s,box-shadow .12s}.tile:not(:disabled):hover{border-color:var(--green);box-shadow:0 3px 14px #172c4710}.tile strong{line-height:1.4;overflow-wrap:anywhere}.tile .glyph{font-size:12px;min-width:36px;width:auto;padding:0 7px}.tile .num{font-size:16px}.sale-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:10px}.sale-context>span:last-child{color:var(--muted)}.scan-missing{border-color:#ad462a!important;outline:2px solid #ad462a33}#mobile-sale-review{display:none}.profile-intro{margin:20px 0}.profile-intro h3{margin-top:18px}.setup-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.setup-card{position:relative;display:flex;flex-direction:column;align-items:flex-start}.setup-card p{flex:1;margin-top:14px}.setup-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:white;font-size:12px;font-weight:700;margin-bottom:15px}.setup-card h3{margin-bottom:10px}.setup-card .tag{font-size:11px}#tool-results{display:grid;gap:6px;margin:18px 0;max-height:45dvh;overflow:auto}#tool-results button{text-align:left;min-height:44px}#workspace-tools p{line-height:1.8}#notice.bad,[data-theme="dark"] #notice.bad{color:#9d321c;background:#fff0e8;border-color:#b14d22}[data-theme="dark"] .error{color:#ffb5a0}[data-theme="dark"] .nav-group-title{color:#a7b4c8}
@media(min-width:1400px){.selling{grid-template-columns:minmax(0,1fr) 365px}}
@media(max-width:1150px){.selling{grid-template-columns:minmax(0,1fr) 320px}.setup-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.header-selects{justify-content:flex-start}.workspace>header{flex-direction:column;gap:16px}.header-selects{width:100%}}
@media(max-width:900px){.selling{grid-template-columns:1fr}.cart{position:static;max-height:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
@media(max-width:800px){aside{position:relative;height:auto;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;align-items:center}#workspace-menu{display:block;min-height:44px}aside nav,aside .aside-bottom{display:none}aside.menu-open nav{display:flex;grid-column:1/-1;flex-direction:column;padding-top:16px;width:100%}aside.menu-open .aside-bottom{display:block;grid-column:1/-1;padding-top:20px}.nav-group{width:100%;align-items:stretch}.nav-group button{text-align:left;font-size:13px;padding:12px;flex:initial}.nav-group-title{display:block}.nav-group button span{display:inline}.workspace{padding:20px 16px 90px}header .header-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.header-selects label,.header-selects #till-label{width:auto;min-width:0;max-width:none}.header-selects .business-label{grid-column:auto}#theme-toggle{min-height:44px}.catalogue-toolbar label{min-width:130px}.catalogue-toolbar button{flex:1}#mobile-sale-review:not([hidden]){position:fixed;display:flex;bottom:12px;left:16px;right:16px;z-index:10;align-items:center;justify-content:space-between;box-shadow:0 6px 25px #172c4730;min-height:54px;padding-bottom:max(12px,env(safe-area-inset-bottom))}body:has(dialog[open]) #mobile-sale-review{display:none}.setup-card{padding:18px}.sale-context{font-size:11px}.catalogue-pages{gap:10px}}
@media(max-width:480px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:14px;min-height:150px}.setup-cards{grid-template-columns:1fr}.cart{padding:18px}.catalogue-toolbar>label{max-width:none}.catalogue-pages button{padding:9px 10px}h1{overflow-wrap:anywhere}}
@media print{#mobile-sale-review{display:none!important}}

nav button:not(.active),[data-theme="dark"] nav button:not(.active){background:transparent}nav button:not(.active):hover,[data-theme="dark"] nav button:not(.active):hover{background:#7c99bd18}@media(max-width:480px){.catalogue-toolbar label{flex-basis:100%;max-width:none}}

fieldset{min-width:0;max-width:100%;margin:0;padding:0;border:0}fieldset select{width:100%;min-width:0}input[type="checkbox"]{min-height:24px;width:24px;align-self:flex-start}.settings-grid>.panel{min-width:0;overflow-wrap:anywhere}

#workspace-context{display:none}@media(max-width:800px){#workspace-context{display:block;grid-column:1/-1;order:3;text-align:left}header:not(.context-open) .language-label,header:not(.context-open) .business-label,header:not(.context-open) #theme-toggle{display:none}.header-selects #branch-label{order:1}.header-selects #till-label{order:2}.header-selects .language-label,.header-selects .business-label,.header-selects #theme-toggle{order:4}.workspace>header{gap:12px;padding-bottom:16px}}

/* Shared finishing details across every business workspace. */
:root{--surface-hover:#f6f8fc;--focus-ring:#729bea}html{scroll-padding-top:20px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{transition:background-color .12s,border-color .12s,box-shadow .12s}button:disabled{cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}.primary:hover{filter:brightness(.94);background:var(--green)}.section-head small{display:block;margin-top:7px;max-width:760px;line-height:1.6}.section-head h3{margin-bottom:0}.actions{row-gap:10px}.panel h2,.panel h3{line-height:1.4}.panel>h2:first-child,.panel>h3:first-child{padding-bottom:14px;border-bottom:1px solid var(--line)}.panel p:last-child{margin-bottom:0}.metric strong{font-variant-numeric:tabular-nums}.metric small{line-height:1.5}.empty{border:1px dashed var(--line);border-radius:10px;margin:12px 0;padding:32px 20px;background:var(--surface-hover)}.table-wrap{max-width:100%;scrollbar-width:thin;overscroll-behavior-x:contain}.table-wrap th{letter-spacing:.025em;line-height:1.5}.table-wrap td{line-height:1.55;font-variant-numeric:tabular-nums;vertical-align:middle}.table-wrap tbody tr:hover{background:var(--surface-hover)}.table-wrap td[colspan]{text-align:center;color:var(--muted);white-space:normal;padding:36px 20px}.table-wrap td button{font-size:12px;min-height:40px}.table-wrap td .actions{flex-wrap:nowrap}.table-wrap td small{display:block;line-height:1.5}.tag,.pill,.connection-tag{display:inline-block;line-height:1.5}.stock-low{font-weight:600}.table-wrap th{position:sticky;top:0;z-index:1}.table-wrap:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}textarea{font:inherit;line-height:1.55;min-height:110px;padding:12px;border:1px solid var(--line);border-radius:8px;resize:vertical;max-width:100%}label{line-height:1.5}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--green)}input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}label:has(>input[required])::after,label:has(>select[required])::after,label:has(>textarea[required])::after{content:'*';color:var(--muted);font-size:12px;align-self:flex-end;height:0;position:relative;top:-34px;right:10px;pointer-events:none}input[required]{padding-right:26px}.error:empty{display:none}.error:not(:empty){line-height:1.6}.dialog-head{padding-bottom:16px;border-bottom:1px solid var(--line)}dialog{padding:26px;overscroll-behavior:contain;scrollbar-width:thin}dialog::backdrop{background:#101d35a3;backdrop-filter:blur(3px)}dialog .dialog-head button{flex:none;min-width:44px;min-height:44px;border-radius:50%}dialog form>.primary:last-child{width:100%;margin-top:10px}dialog .actions{margin-top:20px}#confirm-text{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.ui-icon{display:block;width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-group button{justify-content:flex-start;gap:11px}.nav-group button>span:last-child{margin-left:auto}.module-icon .ui-icon{width:25px;height:25px}.module-card{align-items:flex-start}.module-card strong{line-height:1.5}.module-card small{line-height:1.65}.module-card:hover{border-color:var(--green)}#receipt-body{background:#fff;color:#182331;border:1px solid #dce2e9;padding:24px 18px;border-radius:3px;line-height:1.6;overflow-wrap:anywhere}#receipt-body table{background:#fff;color:#182331}#receipt-body th{background:white;color:#4d5865}#receipt-body .hint,#receipt-body small{color:#4d5865}#receipt-body h2{color:#182331}#receipt-body [data-receipt-served-by]{padding-top:14px;border-top:1px dashed #9aa4ad;margin-top:18px}#receipt-dialog>.actions{padding-top:8px}.branch-grid .panel{display:flex;flex-direction:column;align-items:flex-start}.branch-grid .panel button{margin-top:auto}.bar-track{border-radius:6px 6px 0 0}.banner-emblem{font-size:26px;letter-spacing:-1px}
[data-theme="dark"]{--surface-hover:#202e44}[data-theme="dark"] .empty{background:#152033}[data-theme="dark"] dialog::backdrop{background:#050c1bbf}[data-theme="dark"] #receipt-body,[data-theme="dark"] #receipt-body table{background:white;color:#182331}[data-theme="dark"] #receipt-body h2{color:#182331}[data-theme="dark"] #receipt-body th{background:white;color:#4d5865}[data-theme="dark"] #receipt-body small,[data-theme="dark"] #receipt-body .hint{color:#4d5865}
@media(max-width:800px){.table-wrap td,.table-wrap th{padding:13px 12px}.section-head>.actions{width:100%}.section-head>.actions button{flex:1}dialog{padding:20px;max-height:calc(100dvh - 24px)}.ui-icon{width:18px;height:18px}.nav-group button .ui-icon{display:block}.panel{padding:20px}.table-wrap td button{min-height:44px}}
@media(max-width:480px){dialog .actions button{flex:1}#receipt-body{padding:20px 12px}.section-head small{font-size:12px}.metric strong{overflow-wrap:anywhere}.panel .actions button{flex:1}.module-icon{flex:none}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:not(:disabled):active{transform:none}}
@media print{#receipt-body{border:0;padding:0;border-radius:0}#receipt-body th{position:static}dialog::backdrop{backdrop-filter:none}.table-wrap{overflow:visible}}

.license-banner{display:grid;grid-template-columns:1fr 220px;gap:30px;padding:28px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#edf4ff,#eefafa)}.license-banner h3{font-size:24px;letter-spacing:-.5px}.license-banner p{font-size:13px;line-height:1.8;color:var(--muted);max-width:700px}.license-price{display:flex;flex-direction:column;justify-content:center;gap:12px;border-left:1px solid var(--line);padding-left:28px}.license-price strong{font-size:30px;letter-spacing:-1px}.license-price span{font-size:13px}.license-benefit{padding:15px 0;border-bottom:1px solid var(--line)}.license-benefit:last-child{border:0}.license-benefit small{display:block;margin-top:7px;line-height:1.7}.license-example{padding:20px;margin-top:20px;background:var(--surface-hover);border:1px solid var(--line);border-radius:12px}.license-example h3{margin:14px 0}.license-result{padding:16px;border:1px dashed var(--line);border-radius:10px;font-size:13px;line-height:1.7}.panel button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}[data-theme="dark"] .license-banner{background:linear-gradient(120deg,#1d3150,#18333a)}@media(max-width:650px){.license-banner{grid-template-columns:1fr;gap:16px;padding:22px}.license-price{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.license-price strong{font-size:25px}.license-example{padding:16px}}

/* Consistent, accessible navigation for the public demonstration. */
@media(min-width:801px){.app{grid-template-columns:252px minmax(0,1fr)}aside{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;padding:22px 14px 16px;gap:20px;overflow:hidden}aside nav{overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 4px 4px 0;scrollbar-width:thin;scrollbar-color:#486077 transparent;overscroll-behavior:contain}.aside-bottom{margin-top:0;padding:14px 10px 0;border-top:1px solid var(--line)}}
aside .brand{gap:11px;padding:0 9px;font-size:16px;line-height:1.35;letter-spacing:-.2px;min-width:0}aside .brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px}aside .customer-brand-name{min-width:0;overflow-wrap:anywhere}aside .brand-sub{margin-top:4px;font-size:9px;letter-spacing:1.3px;opacity:.65}.nav-group{gap:3px}.nav-group+.nav-group{margin-top:19px}.nav-group-title{padding:0 12px 9px;font-size:10px;font-weight:700;letter-spacing:1.15px;line-height:1.4}.nav-group button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:44px;padding:11px 12px;border:1px solid transparent;border-radius:8px;font-size:13px;line-height:20px;font-weight:500;text-align:left;flex:0 0 auto}.nav-group button>.ui-icon{display:block;width:19px;height:19px;flex:0 0 19px;opacity:.8}.nav-group button>.nav-label{display:block;margin:0;min-width:0;font-size:inherit;line-height:inherit;opacity:1}.nav-group button.active{font-weight:650;box-shadow:inset 3px 0 #a5e7c3}.nav-group button.active>.ui-icon{opacity:1}#workspace-help{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:12px;margin:0 0 10px}#workspace-help .ui-icon{width:17px;height:17px}.aside-bottom{font-size:11px;line-height:1.7}.aside-bottom #network{padding-left:14px;font-size:10px;opacity:.8}.aside-bottom #install{width:100%;min-height:40px;font-size:12px}[data-theme="dark"] aside{background:#131e2f}[data-theme="dark"] .nav-group-title{color:#8fa2bb}[data-theme="dark"] .nav-group button:not(.active){color:#c6d2e2}[data-theme="dark"] .nav-group button.active{background:#1e513e;border-color:#38725b;color:#f2fff7}[data-theme="dark"] #workspace-help{background:#1d2c41;border-color:#35465e;color:#d3dfef}
@media(max-width:800px){aside{padding:16px;gap:0}aside .brand{padding:0;max-width:calc(100vw - 112px);font-size:15px}aside.menu-open nav{padding-top:24px}.nav-group+.nav-group{margin-top:22px}.nav-group button{min-height:46px;padding:12px}.nav-group button>.nav-label{display:block}.nav-group button>.ui-icon{display:block}aside.menu-open .aside-bottom{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}#workspace-menu{border-radius:8px;font-size:13px}aside.menu-open nav{max-height:60dvh;overflow:auto;overscroll-behavior:contain}}

aside nav .nav-group button > span.nav-label{order:0;margin:0;flex:1 1 auto;width:auto;text-align:left}aside nav .nav-group button > svg.ui-icon{order:0;margin:0;flex:0 0 19px}

@media(max-width:800px){aside.menu-open nav{flex-wrap:nowrap;overflow-x:hidden}aside.menu-open nav .nav-group{flex:0 0 auto;min-width:0}}