:root{--color-primary: #1f3a5f;--color-secondary: #5c6b7a;--color-accent: #0f6f6a;--color-background: #eef1f4;--color-surface: #ffffff;--color-text: #1c2430;--color-muted: #5e6a78;--color-disabled-bg: #eef1ef;--color-disabled-border: #c7ceca;--color-disabled-text: #7a827e;--color-danger: #9f2d2d;--color-success: #1f7a46;--color-warning: #b86e00;--color-upi: #5b4b8a;--color-card: #1f4e79;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--radius: 12px;--touch-min: 48px;--font: "Segoe UI", "Helvetica Neue", sans-serif;--shadow: 0 1px 2px rgb(28 36 48 / 8%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--color-text);background:var(--color-background)}button,input{font:inherit}button{min-height:var(--touch-min)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,p{margin:0}.ui-button{border:1px solid var(--color-secondary);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-3);cursor:pointer}.ui-button:disabled,.ui-button--primary:disabled,.ui-button--danger:disabled,.ui-button--ghost:disabled,button:disabled{opacity:1;filter:none;box-shadow:none;cursor:not-allowed;background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text)}.ui-button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.ui-button--ghost{background:transparent}.ui-button[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.ui-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-field span{color:var(--color-muted);font-size:.85rem}.ui-field input{min-height:var(--touch-min);border:1px solid var(--color-secondary);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-2)}.ui-panel{display:flex;flex-direction:column;min-height:0;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto}.ui-panel__title{padding:var(--space-3);font-size:1rem}.ui-panel__body{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-3) var(--space-3)}.auth-layout{min-height:100%;display:grid;place-items:center;padding:var(--space-4)}.auth-card{width:min(100%,28rem);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4)}.auth-card form,.stack{display:flex;flex-direction:column;gap:var(--space-3)}.hint{color:var(--color-muted)}.pos-shell{min-height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.pos-header,.pos-nav{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-surface)}.pos-header{justify-content:space-between;border-bottom:1px solid var(--color-background)}.pos-header__identity{display:flex;gap:var(--space-2);align-items:center}.pos-header__logo{width:40px;height:40px;object-fit:contain}.pos-header__meta,.pos-nav{color:var(--color-muted)}.pos-nav{overflow-x:auto;border-bottom:1px solid var(--color-background)}.pos-nav a{display:inline-flex;align-items:center;min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-text);text-decoration:none;white-space:nowrap}.pos-nav a[aria-current=page]{color:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary)}.pos-main{min-height:0;padding:var(--space-3)}.placeholder-page,.fact-list,.summary-list{display:grid;gap:var(--space-2)}.fact-list{grid-template-columns:1fr auto;margin:0}.fact-list dd{margin:0}.summary-pair{display:flex;justify-content:space-between;gap:var(--space-2)}.billing-workspace{height:100%;min-height:32rem;display:grid;grid-template-columns:minmax(16rem,1fr) minmax(22rem,1.35fr) minmax(18rem,.95fr);grid-template-rows:minmax(0,1fr) auto;gap:var(--space-2)}.billing-workspace__lookup{grid-column:1;grid-row:1}.billing-workspace__sale{grid-column:2;grid-row:1}.billing-workspace__summary{grid-column:3;grid-row:1}.billing-workspace__actions{grid-column:1 / -1;grid-row:2}.sale-toolbar,.tender-row,.action-bar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sale-tabs{display:flex;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto}.sale-tab{min-height:var(--touch-min);flex:0 0 auto}.sale-tab--current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.sale-tab--held{background:var(--color-background);border-style:dashed}.ready-state{display:grid;place-items:center;min-height:12rem;text-align:center;gap:var(--space-2)}.ready-state h3{font-size:1.5rem}.sale-line{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-background)}.sale-line__main{width:100%;display:flex;justify-content:space-between;text-align:left;background:transparent;border:0;color:var(--color-text)}.action-bar{padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius)}@media(max-width:960px){.billing-workspace{height:auto;grid-template-columns:1fr;grid-template-rows:auto}.billing-workspace__lookup,.billing-workspace__sale,.billing-workspace__summary,.billing-workspace__actions{grid-column:1;grid-row:auto}}.ui-button--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}.pos-shell{height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr);background:var(--color-background)}.pos-topbar{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);background:var(--color-primary);color:var(--color-surface)}.pos-topbar__brand{display:flex;align-items:center;gap:var(--space-2);margin-right:auto}.pos-topbar img,.login-brand img{width:36px;height:36px;border-radius:8px;background:var(--color-surface)}.pos-topbar__logout{min-height:40px;border:0;border-radius:var(--radius);background:transparent;color:var(--color-surface);cursor:pointer}.pos-body{min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr)}.pos-side{display:flex;flex-direction:column;gap:4px;padding:var(--space-2);background:var(--color-surface);border-right:1px solid var(--color-background)}.pos-side a{display:flex;align-items:center;min-height:var(--touch-min);padding:0 var(--space-2);border-radius:10px;color:var(--color-text);text-decoration:none}.pos-side a[aria-current=page]{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.pos-main{min-height:0;overflow:auto;padding:var(--space-3)}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--color-background)}.login-panel{width:min(1000px,100%);height:min(580px,calc(100dvh - 48px));display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.login-brand,.login-card{margin:0;width:auto;height:100%;border-radius:0;box-shadow:none;padding:32px}.login-brand{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;justify-content:center;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.login-brand h1{color:var(--color-primary);font-size:1.7rem}.login-card{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.login-card select,.ui-field input,.denomination input,.shift-close input{min-height:var(--touch-min);border:1px solid var(--color-secondary);border-radius:var(--radius);padding:0 var(--space-2);background:var(--color-surface);color:var(--color-text)}.form-error{color:var(--color-danger)}.dashboard,.dash-card,.stack{display:flex;flex-direction:column;gap:var(--space-3)}.dash-card,.held-card,.modal,.customer-card{background:var(--color-surface);border-radius:16px;padding:var(--space-4);box-shadow:var(--shadow)}.dash-card--open{background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}.stat-row,.dash-actions,.tender-row,.choice-row,.modal__actions,.held-card,.customer-search{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:end}.stat-row>div{min-width:140px;display:flex;flex-direction:column;gap:4px}.stat-row span,.hint,.product-row small,.bill-table small{color:var(--color-muted)}.billing-screen{height:100%;min-height:640px;display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:var(--space-3)}.lookup,.current-sale,.billing-screen__summary{min-height:0;background:var(--color-surface);border-radius:16px;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.billing-screen__summary{overflow:auto}.lookup input{min-height:56px;font-size:1.05rem}.categories{display:flex;flex-direction:column;gap:4px;overflow:auto}.chip{min-height:42px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--color-text);cursor:pointer}.chip[aria-pressed=true]{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.product-results{display:flex;flex-direction:column;gap:var(--space-2);overflow:auto}.product-row,.sale-line__main{width:100%;min-height:var(--touch-min);display:flex;justify-content:space-between;gap:var(--space-2);text-align:left;border:1px solid var(--color-background);border-radius:12px;background:var(--color-surface);color:var(--color-text);padding:var(--space-2);cursor:pointer}.product-row span,.bill-table td span{display:flex;flex-direction:column}.current-sale__toolbar,.qty-stepper,.bill-row__editor td{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.current-sale{overflow:auto}.bill-table{width:100%;border-collapse:collapse}.bill-table th{text-align:left;color:var(--color-muted);font-weight:600;padding:var(--space-2)}.bill-table td{padding:var(--space-2);border-top:1px solid var(--color-background);vertical-align:middle}.bill-row{cursor:pointer}.bill-row--open td{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.ready-state h3{letter-spacing:.04em}.summary__total{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding:var(--space-3);border-radius:12px;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));font-size:1.3rem}.summary .fact-list{display:flex;flex-direction:column}.walk-in{color:var(--color-muted)}.customer-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c243073;display:grid;place-items:center;padding:var(--space-3);z-index:20}.modal{width:min(100%,560px);max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;gap:12px}.modal__body{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.keypad-value{font-size:1.6rem;text-align:right}.denominations{min-height:0;overflow:auto}.denom-table{width:100%;border-collapse:collapse}.denom-table th,.denom-table td{padding:2px 8px;text-align:left;font-size:.92rem}.denom-table input{width:72px;min-height:36px;text-align:right}.denom-table td:last-child,.denom-table th:last-child,.denom-table tfoot td{text-align:right;font-variant-numeric:tabular-nums}.denomination{display:grid;grid-template-columns:1fr 96px;gap:var(--space-2);align-items:center}.check-row{display:flex;gap:var(--space-2);align-items:center;min-height:44px}.warning-box{border:1px solid var(--color-danger);border-radius:12px;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.variance--ok{color:var(--color-success)}.variance{font-weight:700}.banner{background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));color:var(--color-success);border-radius:10px;padding:var(--space-2)}.qr-placeholder{width:160px;height:160px;border-radius:12px;background:linear-gradient(90deg,var(--color-text) 8px,transparent 8px) 0 0 / 20px 20px,linear-gradient(var(--color-text) 8px,transparent 8px) 0 0 / 20px 20px,var(--color-surface);border:8px solid var(--color-text)}.receipt{display:flex;flex-direction:column;gap:6px}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--color-background);display:grid;place-items:center;align-content:center;gap:var(--space-3);padding:var(--space-4)}@media(max-width:800px){.login-panel{grid-template-columns:1fr}}.pos-shell{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.pos-topbar{min-height:64px;justify-content:space-between;padding:8px 16px}.pos-topbar__brand div,.pos-topbar__meta{display:flex}.pos-topbar__brand div{flex-direction:column;line-height:1.2}.pos-topbar__brand small{font-size:.8rem;font-weight:500}.pos-topbar__meta{align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:.92rem}.shift-pill{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 18%,transparent)}.connection{position:relative}.connection__button{min-height:40px;max-width:14rem;border:1px solid var(--color-secondary);border-radius:999px;background:var(--color-surface);color:var(--color-text);padding:0 12px;white-space:nowrap}.connection__button--online{border-color:var(--color-success)}.connection__button--offline{border-color:var(--color-warning)}.connection__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(22rem,80vw);display:grid;gap:10px;padding:16px;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);box-shadow:var(--shadow)}.connection__panel h2{font-size:1rem}.connection__panel dl{display:grid;gap:8px;margin:0}.connection__panel dl div{display:flex;justify-content:space-between;gap:12px}.connection__panel dd{margin:0;font-weight:650}.connection__demo{display:flex;flex-wrap:wrap;gap:8px}.connection__demo button{min-height:40px}.shift-pill--open:before{content:"";width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--color-surface)}.pos-body{grid-template-columns:max-content minmax(0,1fr)}.pos-side{width:196px;min-width:196px;padding:12px;gap:6px;overflow:visible}.pos-side a{display:flex;gap:10px;min-height:48px;padding:0 12px;white-space:nowrap;overflow:visible}.pos-main{overflow:hidden;display:flex;flex-direction:column;padding:16px}.pos-main>*{flex:1;min-height:0;min-width:0}.pos-main>*:not(.billing-screen){overflow:auto}.modal__actions{flex-shrink:0}.dashboard,.shift-close,.page-card,.settings-page{overflow:auto}.billing-screen{min-height:0;height:100%;max-height:100%;overflow:hidden;align-items:stretch;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(230px,270px) minmax(0,1fr) minmax(290px,320px);gap:12px}.billing-screen>*{min-height:0;max-height:100%;height:100%;overflow:hidden}.billing-screen__lookup>.lookup,.billing-screen__sale>.current-sale{height:100%;max-height:100%;min-height:0}.lookup,.current-sale,.billing-screen__summary,.summary,.loyalty{min-height:0}.lookup{display:grid;grid-template-rows:auto auto minmax(120px,1fr);overflow:hidden}.lookup--results{grid-template-rows:auto auto minmax(96px,.7fr) minmax(0,1fr)}.lookup__search{position:relative}.lookup__search input,.search-line,.ui-field select{width:100%;min-height:48px;max-height:52px;border:1px solid color-mix(in srgb,var(--color-secondary) 45%,var(--color-background));border-radius:12px;padding:0 40px 0 14px;background:var(--color-surface);color:var(--color-text);font:inherit}.lookup__search span{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.demo-link,.demo-action{justify-self:start;min-height:32px;border:0;background:transparent;color:var(--color-muted);font-size:.8rem;text-decoration:underline;cursor:pointer}.categories{gap:6px;min-height:0;overflow:auto}.categories button{min-height:44px;text-align:left;border:1px solid transparent;border-radius:10px;padding:0 12px;background:var(--color-background);color:var(--color-text);cursor:pointer}.categories button[aria-pressed=true]{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.product-name{display:flex;flex-direction:column;gap:2px;min-width:0}.product-name strong,.product-name small{display:block}.product-name small,.cell-muted,.hint,.thermal__meta{color:var(--color-muted);font-size:.78rem}.bill-table th,.bill-table td,.data-table th,.data-table td{padding:8px 10px;vertical-align:middle}.bill-row{height:64px}.bill-row--open{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.cell-amount,.bill-table td:nth-child(3),.bill-table td:nth-child(5),.bill-table th:nth-child(n+2){text-align:right}.cell-amount{font-weight:700}.current-sale__toolbar{justify-content:space-between}.current-sale__actions,.sale-actions,.row-actions{display:flex;flex-wrap:wrap;gap:8px}.sale-actions{margin-top:0;padding-top:8px;border-top:1px solid var(--color-background)}.current-sale{overflow:hidden}.bill-table{flex:1;min-height:0;width:100%;display:block;overflow:auto}.bill-table thead,.bill-table tbody,.bill-table tr{display:table;width:100%;table-layout:fixed}.ready-state{flex:1;margin:0;text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ready-state__icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 8px;border-radius:16px;background:var(--color-background);font-size:1.4rem}.line-editor{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.line-editor--weight>div{display:flex;flex-direction:column;min-width:120px}.loyalty__title,.customer-card,.summary__total,.money-stack p,.thermal__row,.pay-stage__amount{display:flex;justify-content:space-between;gap:12px;align-items:center}.loyalty__title span,.walk-in,.loyalty__title+form{color:var(--color-muted)}.customer-card{align-items:flex-start;padding:12px;box-shadow:none;border:1px solid var(--color-background)}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface));color:var(--color-primary);font-weight:700}.customer-card div{display:flex;flex-direction:column;flex:1}.fact-list--money{border-top:1px solid var(--color-background);padding-top:8px}.summary__total{border-top:1px solid var(--color-text);padding-top:8px;font-size:1.35rem}.summary__total strong{font-size:1.6rem}.tender-cash[aria-pressed=true]{outline:2px solid var(--color-primary)}.tender-upi[aria-pressed=true]{outline:2px solid var(--color-upi);color:var(--color-upi)}.tender-card[aria-pressed=true]{outline:2px solid var(--color-card);color:var(--color-card)}.pay-button{width:100%;min-height:56px;font-size:1.1rem}.billing-screen__summary{overflow:auto;gap:12px;padding:0;background:transparent;box-shadow:none}.loyalty,.summary{flex:0 0 auto;background:var(--color-surface);border-radius:16px;padding:12px 16px}.money-stack,.pay-stage,.thermal,.lock-card{display:flex;flex-direction:column;gap:12px}.keypad-value strong,.change-due strong,.pay-stage__amount strong{font-size:1.6rem}.change-due strong{color:var(--color-primary)}.qr-placeholder{width:168px;height:168px;margin:0 auto;background:repeating-linear-gradient(90deg,var(--color-text) 0 6px,transparent 6px 12px),repeating-linear-gradient(var(--color-text) 0 6px,transparent 6px 12px);background-blend-mode:multiply}.waiting:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--color-warning)}.demo-badge{align-self:flex-start;margin:0;padding:2px 8px;border-radius:999px;background:var(--color-background);color:var(--color-muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.terminal-mark{width:72px;height:52px;margin:0 auto;display:grid;place-items:center;border:2px solid var(--color-card);border-radius:10px;color:var(--color-card);font-size:1.6rem}.success-card{width:min(100% - 48px,480px);margin:auto;padding:32px;border-radius:20px;background:var(--color-surface);text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.success-card__mark{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success);font-size:2rem}.success-card__amount{font-size:2rem;font-weight:700;margin:0}.thermal{width:min(100%,320px);margin:0 auto;padding:16px;background:var(--color-surface);border:1px dashed var(--color-secondary);font-size:.92rem}.thermal header,.thermal__thanks{text-align:center}.thermal header strong{display:block;text-transform:uppercase}.thermal__rule{border-top:1px dashed var(--color-secondary);height:0}.thermal__total{font-weight:700;font-size:1.05rem}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:40;margin:0;padding:12px 16px;border-radius:12px;background:var(--color-text);color:var(--color-surface)}.dashboard-open{display:flex;flex-direction:column;gap:16px;max-width:920px}.status-card,.stat-row>div,.page-card{background:var(--color-surface);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.stat-row>div strong{font-size:1.4rem}.dash-actions .ui-button--primary{min-width:220px}.ui-button--solid-danger{background:var(--color-danger);color:var(--color-surface);border-color:var(--color-danger)}.warning-box{border:1px solid var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface));border-radius:12px;padding:12px}.warning-sale,.lock-card{background:var(--color-surface);border-radius:16px;padding:16px}.lock-card{width:min(100% - 32px,420px);align-items:stretch;text-align:center}.lock-card img{width:56px;height:56px;margin:0 auto;border-radius:12px;background:var(--color-surface)}.lock-card__status{font-weight:700;letter-spacing:.04em}.drawer-impact{font-weight:700}.data-table{width:100%;border-collapse:collapse}.data-table tr{min-height:56px}.modal textarea{width:100%;min-height:96px;border-radius:12px;border:1px solid var(--color-secondary);padding:12px;font:inherit}.page-title,h2{margin:0;font-size:1.25rem}h3{margin:0;font-size:1rem}.sale-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.sale-actions{flex:0 0 auto;min-height:48px;align-items:center}.sale-actions .ui-button{min-height:44px;padding:0 10px}.status-fields,.settings-grid{display:grid;gap:16px}.status-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.status-fields span{display:block;color:var(--color-muted);font-size:.8rem}.status-fields strong{display:block;margin-top:4px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-swatch{display:inline-block;width:22px;height:22px;border-radius:6px;background:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent)}.settings-logo{width:40px;height:40px;object-fit:contain}.product-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.product-row--active{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface));box-shadow:inset 3px 0 0 var(--color-accent)}.bill-row:focus-visible td{box-shadow:inset 0 0 0 2px var(--color-accent)}.data-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.help-page{align-content:start;gap:16px}.help-page section{display:grid;gap:6px}.shortcut-table{width:100%;border-collapse:collapse}.shortcut-table th,.shortcut-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-background)}.shortcut-table td:last-child{font-weight:650;white-space:nowrap}.product-row__price{font-weight:700;white-space:nowrap}.product-name strong{overflow-wrap:anywhere}.lookup__search button{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-height:40px;min-width:40px;border:0;background:transparent;cursor:pointer}.lookup__search input{font-size:.92rem}.demo-link{font-size:.75rem;color:var(--color-muted);text-decoration:none}.pos-side a{font-size:.9rem}.pos-shell--billing .pos-body{grid-template-columns:minmax(0,1fr)}.pos-shell--billing .pos-main{padding:8px 12px}.menu-button{min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer}.nav-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#1c243059;cursor:pointer}.nav-drawer{position:fixed;top:0;left:0;bottom:0;z-index:26;width:240px;display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--color-surface);box-shadow:var(--shadow)}.nav-drawer a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:10px;color:var(--color-text);text-decoration:none;white-space:nowrap}.nav-drawer a[aria-current=page]{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.pos-shell--billing .lookup,.pos-shell--billing .current-sale,.pos-shell--billing .billing-screen__summary{padding:10px 12px;gap:8px}.pos-shell--billing .billing-screen__summary{background:var(--color-surface);overflow:hidden}.pos-shell--billing .loyalty,.pos-shell--billing .summary{padding:0;background:transparent;box-shadow:none;gap:6px}.bill-table .product-name strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bill-table th:nth-child(1),.bill-table td:nth-child(1){width:46%;text-align:left}.bill-table th:nth-child(2),.bill-table td:nth-child(2){width:13%;text-align:center}.bill-table th:nth-child(3),.bill-table td:nth-child(3){width:12%;text-align:right}.bill-table th:nth-child(4),.bill-table td:nth-child(4){width:8%;text-align:center}.bill-table th:nth-child(5),.bill-table td:nth-child(5){width:14%;text-align:right}.bill-table th:nth-child(6),.bill-table td:nth-child(6){width:7%;text-align:center}.pay-methods{display:flex;flex-direction:column;gap:8px}.pay-methods .ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.pay-cash{width:100%}.pay-methods__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 0;border:0;box-shadow:none}.customer-card .tender-row{grid-column:1 / -1}.customer-id{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:8px}.customer-id small{grid-column:1 / -1}.summary__total strong{font-size:1.7rem}@media(max-width:1100px){html,body,#root{height:auto;min-height:100%}body{overflow-x:hidden}.pos-shell{height:auto;min-height:100dvh;overflow:visible}.pos-topbar{height:auto;flex-wrap:wrap;align-items:center;row-gap:8px;padding:8px 12px}.pos-topbar__brand{min-width:0;flex:1 1 12rem;margin-right:0}.pos-topbar__brand strong,.pos-topbar__brand small{display:block;overflow-wrap:anywhere}.pos-topbar__meta{flex:1 1 100%;justify-content:flex-start}.pos-body{display:flex;flex-direction:column;min-height:0}.pos-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--color-background)}.pos-side a{flex:0 0 auto;white-space:nowrap}.pos-main{overflow:visible;padding:12px}.pos-main>*{flex:0 1 auto;min-height:auto}.billing-screen{height:auto;min-height:0;max-height:none;overflow:visible;grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.billing-screen>*,.billing-screen__lookup>.lookup,.billing-screen__sale>.current-sale,.lookup,.current-sale,.pos-shell--billing .billing-screen__summary{height:auto;max-height:none;overflow:visible}.lookup{display:flex;flex-direction:column}.categories{flex-direction:row;flex-wrap:nowrap;overflow-x:auto}.categories button{flex:0 0 auto}.current-sale{min-height:16rem}.sale-scroll{max-height:50vh}.status-fields,.settings-grid{grid-template-columns:minmax(0,1fr)}.page-card,.help-page,.dashboard,.shift-close{max-width:100%}}@media(max-width:800px){.login-screen{align-content:start;justify-items:stretch;min-height:100dvh;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.login-panel{width:100%;height:auto;min-height:0;overflow:visible}.login-brand,.login-card{height:auto;padding:20px}.login-brand h1{font-size:1.45rem}.login-card input,.login-card select,.ui-field input,.lookup__search input,.search-line{font-size:16px}.bill-table thead,.bill-table tbody,.bill-table tr{min-width:36rem}.modal{width:100%;max-height:min(100dvh - 24px,100%)}.modal-backdrop{align-items:end;padding:0}.connection__panel{position:fixed;top:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;width:auto;max-height:70dvh;overflow:auto}}