:root{--brand-deep:#005121;--brand-primary:#007735;--brand-light:#009c47;--brand-pale:#e7f6e9;--brand-border:#d0edd4;--surface-base:#ffffff;--text-on-primary:#ffffff;--hint-urgent:#c62828;--stock-warn:#c05600;--stock-critical:#c62828;--elevation:0 8px 32px rgba(0,119,53,0.1);--radius-card:24px;--radius-control:12px;--radius-badge:8px;--radius-micro:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--type-display:500 28px/36px "IBM Plex Sans Arabic",sans-serif;--type-h1:500 22px/32px "IBM Plex Sans Arabic",sans-serif;--type-h2:500 18px/28px "IBM Plex Sans Arabic",sans-serif;--type-h3:500 16px/24px "IBM Plex Sans Arabic",sans-serif;--type-body:400 14px/22px "IBM Plex Sans Arabic",sans-serif;--type-caption:400 12px/18px "IBM Plex Sans Arabic",sans-serif;--type-label:500 11px/16px "IBM Plex Sans Arabic",sans-serif;--motion:240ms ease-out;--target-pos:48px;--target-ctl:44px;--frame-w:1280px;--frame-h:722px;--ctl-min-w:1920px;--ctl-min-h:1080px;--ctl-max-w:3840px;--ctl-nav-w:280px;--ctl-content-max:1680px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font:var(--type-body);color:var(--brand-deep);background:var(--brand-pale)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-5);gap:var(--space-4)}body.pos-preview{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.page-meta{width:min(var(--frame-w),100%);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;justify-content:space-between}body.ctl-preview .page-meta{width:100%;max-width:none;padding:var(--space-3) var(--space-5)}.page-meta h1{font:var(--type-h2);margin:0}.chip,.page-meta p{font:var(--type-caption);margin:0}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-badge)}.chip,.frame{background:var(--surface-base)}.frame{width:var(--frame-w);height:var(--frame-h);max-width:100%;border:1px solid var(--brand-border);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;position:relative}.frame[data-surface=control]{width:min(100%,var(--ctl-max-w));height:auto;min-height:min(var(--ctl-min-h),calc(100vh - 96px));max-width:var(--ctl-max-w);flex:1}body.ctl-preview,body.ctl-preview .page{min-height:100vh;height:100vh;overflow:hidden}body.ctl-preview .page{padding:0;align-items:stretch;gap:0}body.ctl-preview .page-meta{display:none}body.ctl-preview .ctl-narrow-warn{flex-shrink:0}body.ctl-preview .frame[data-surface=control]{width:100%;max-width:none;flex:1;min-height:0;height:auto;border-radius:0;border:0}.ctl-narrow-warn{display:none;width:100%;margin:0;padding:var(--space-2) var(--space-5);background:var(--surface-base);border-bottom:1px solid var(--brand-border);font:var(--type-caption)}@media (max-width:1919px){.ctl-narrow-warn{display:block}}.frame:focus-within{outline:none}.mark-tile{width:40px;height:40px;border-radius:var(--radius-badge);background:var(--brand-primary);display:grid;place-items:center;flex-shrink:0}.mark-tile img{width:24px;height:24px}.mark-tile.sm{width:32px;height:32px}.mark-tile.sm img{width:20px;height:20px}.wordmark{font:700 18px/24px IBM Plex Sans Arabic,sans-serif;color:var(--brand-deep)}.btn{min-height:var(--target-pos);padding:0 var(--space-5);border-radius:var(--radius-control);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:500 14px/22px IBM Plex Sans Arabic,sans-serif;text-decoration:none;transition:background-color var(--motion),border-color var(--motion),opacity var(--motion),transform var(--motion)}.btn:focus-visible,.cart-tab-add:focus-visible,.cart-tab:focus-visible,.cat:focus-visible,.ctl-action:focus-visible,.icon-btn:focus-visible,.linkish:focus-visible,.nav-item:focus-visible,.product-qty button:focus-visible,.product:focus-visible,.quick-link:focus-visible,.rail-btn:focus-visible,.snap-row:focus-visible,.stepper button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-primary,a.btn-primary:visited{background:var(--brand-primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-light);color:var(--text-on-primary)}.btn-secondary{background:var(--surface-base);color:var(--brand-deep);border-color:var(--brand-primary)}.btn-secondary:hover:not(:disabled){background:var(--brand-pale)}.btn-ghost{background:transparent;color:var(--brand-deep)}.btn-ghost:hover:not(:disabled){background:var(--brand-pale)}.btn-danger{background:var(--surface-base);color:var(--brand-deep);border-color:var(--brand-deep)}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:var(--target-pos);height:var(--target-pos);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);display:grid;place-items:center;padding:0;transition:background-color var(--motion)}.icon-btn[hidden]{display:none}.badge,.icon-btn:hover:not(:disabled){background:var(--brand-pale)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-badge);border:1px solid var(--brand-border);font:var(--type-label);color:var(--brand-deep)}.badge i{color:var(--brand-light);font-size:14px}.user-chip{min-height:var(--target-pos);padding:0 var(--space-3);gap:var(--space-2);font:500 14px/22px IBM Plex Sans Arabic,sans-serif;font-family:inherit;cursor:pointer;flex-shrink:0;transition:border-color var(--motion),background-color var(--motion)}.user-chip .ti-chevron-down{font-size:16px}.user-chip:hover,.user-chip[aria-expanded=true]{border-color:var(--brand-primary);background:var(--surface-base)}.dialog.open .user-switch-card{animation:user-switch-in .24s ease-out}@keyframes user-switch-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.user-switch-card{width:400px;max-height:calc(var(--frame-h) - 48px);overflow:auto;gap:var(--space-3)}.user-switch-pane{display:flex;flex-direction:column;gap:var(--space-3)}.user-switch-pane[hidden]{display:none}.user-pick-list{display:flex;flex-direction:column;gap:var(--space-2)}.user-pick{min-height:var(--target-pos);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font-family:inherit;display:flex;align-items:center;gap:var(--space-3);text-align:start;width:100%;transition:border-color var(--motion),background-color var(--motion)}.user-pick .line-main{flex:1;min-width:0}.user-pick.is-current{border-color:var(--brand-primary);background:var(--brand-pale)}.user-pick:focus-visible,.user-pick:hover{border-color:var(--brand-primary)}.user-pick:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.user-switch-card .keypad{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font:500 14px/22px IBM Plex Sans Arabic,sans-serif}.field input{min-height:var(--target-pos);padding:0 var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);unicode-bidi:isolate}.field input:read-only{background:var(--brand-pale);color:var(--brand-deep)}.field input:focus{border-color:var(--brand-primary);border-width:2px;outline:none}.field input::placeholder{color:var(--brand-primary);opacity:1}.field select{min-height:var(--target-ctl);padding:0 var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);font:inherit;color:inherit}.field select:focus{border-color:var(--brand-primary);border-width:2px;outline:none}.field textarea{min-height:96px;padding:var(--space-3) var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);font:inherit;color:inherit;resize:vertical}.field textarea:focus{border-color:var(--brand-primary);border-width:2px;outline:none}.hint{font:var(--type-caption);color:var(--brand-deep)}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px solid var(--brand-primary);border-radius:var(--radius-control);background:var(--brand-pale)}.alert i{color:var(--brand-light);font-size:20px;margin-top:2px}.num{font-variant-numeric:tabular-nums;unicode-bidi:isolate;direction:ltr}.pos{display:flex;flex-direction:column;height:100%;min-height:0}.pos-status{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:0 var(--space-4);background:var(--brand-pale);border-bottom:1px solid var(--brand-border)}.brand-lockup,.pos-status-cluster,.status-pills{display:flex;align-items:center;gap:var(--space-3);min-width:0}.status-pills{flex-wrap:wrap;justify-content:flex-end}.status-pills .badge{flex-shrink:0;white-space:nowrap}.pos-main{flex:1;position:relative;flex-direction:column}.pos-body,.pos-main{min-height:0;display:flex}.pos-body{flex:1;transition:opacity var(--motion),transform var(--motion)}.pos.is-checkout .pos-body{opacity:0;transform:translateY(-4px);pointer-events:none}.cart[hidden]{display:none}.pos-rail{width:80px;flex-shrink:0;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--brand-pale);border-inline-end:1px solid var(--brand-border);overflow-x:hidden;overflow-y:auto}.pos-rail,.rail-btn{display:flex;flex-direction:column;align-items:center}.rail-btn{position:relative;width:100%;max-width:64px;min-height:64px;padding:var(--space-2) 0;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--brand-deep);justify-content:center;gap:2px;font:var(--type-label);white-space:normal;text-align:center;line-height:1.15;transition:background-color var(--motion),border-color var(--motion),opacity var(--motion),transform var(--motion)}.rail-hint{position:absolute;top:6px;inset-inline-end:8px;width:12px;height:12px;border-radius:50%;background:var(--hint-urgent);border:2px solid var(--surface-base);pointer-events:none}.rail-hint[hidden]{display:none}.rail-hint.is-ping{animation:rail-hint-ping var(--motion)}@keyframes rail-hint-ping{50%{opacity:.35}}.rail-btn i{font-size:24px;color:var(--brand-light);transition:color var(--motion)}.rail-btn:hover,.rail-btn[aria-current=page]{background:var(--surface-base)}.rail-btn[aria-current=page]{border-color:var(--brand-primary);transform:translateX(-4px)}.rail-btn[aria-current=page] i{color:var(--brand-primary)}.pos-stage{flex:1;position:relative;min-width:0;overflow:hidden}.pos-view{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;opacity:0;transform:translateX(4px);pointer-events:none;overflow:hidden;background:var(--surface-base);transition:opacity var(--motion),transform var(--motion)}.pos-view.is-active{opacity:1;transform:translateX(0);pointer-events:auto;z-index:1}.settings-top{flex-shrink:0;flex-direction:column;align-items:stretch;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--brand-border);background:var(--surface-base)}.settings-tabs,.settings-top{display:flex;gap:var(--space-2)}.settings-tabs{flex-wrap:wrap}.settings-tab{min-height:var(--target-pos);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-badge);background:transparent;color:var(--brand-deep);font:var(--type-body);transition:background-color var(--motion),border-color var(--motion)}.settings-tab:hover{background:var(--brand-pale)}.settings-tab[aria-pressed=true]{background:var(--brand-primary);color:var(--text-on-primary)}.settings-pane{flex:1;min-height:0;display:none;flex-direction:column}.settings-pane.is-on{display:flex}.settings-pane .customers-desk{flex:1;overflow:hidden}.settings-pane .customers-main .customers-card,.settings-pane .customers-side .customers-card{overflow:auto}.settings-pane .ticket-row{min-height:var(--target-pos)}.icon-btn.is-on{border-color:var(--brand-primary);background:var(--brand-pale)}.pos-view .auth-stage,.staff-list{min-height:0}.staff-list{display:flex;flex-direction:column;gap:var(--space-2);overflow:auto}.staff-row{display:flex;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.staff-row .staff-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-inline-start:auto;flex-shrink:0}.staff-row .line-main{min-width:0}#staff-add-form{overflow:auto}.pane-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--brand-border)}.pane-head h2{font:var(--type-h2);margin:0}.orders-history .pane-head{padding:8px 24px;min-height:60px}.orders-history .pane-head .btn{min-height:44px;height:44px;padding:0 16px}.orders-history .pane-head .btn svg{width:20px;height:20px}.orders-history .order-receipt-detail{overflow:hidden}.orders-history .dlv-detail-foot{flex-shrink:0}.orders-history .ord-ret-body{padding-inline:2px}.orders-history .ret-qty{flex:0 0 auto;gap:8px}.orders-history .ret-qty button{width:48px;height:48px;min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0}.orders-history .ret-qty .qty-value{flex:0 0 24px}.orders-history .ord-reason{min-height:44px}.orders-history .orders-success{margin:0;padding:8px 24px;font:var(--type-body)}.orders-history .history-line{flex-shrink:0}.orders-history .dlv-detail-foot .alert{margin:0;padding:8px 12px}.pane-body{flex:1;overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.customer-row,.discount-card{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);text-align:start;transition:border-color var(--motion),background-color var(--motion)}.customer-row{min-height:72px}.customer-row .btn{min-height:var(--target-pos);flex-shrink:0}.customer-row:hover{background:var(--brand-pale)}form.discount-card{cursor:default;flex-direction:column;align-items:stretch}.apply-row{display:flex;gap:var(--space-3)}.apply-row .btn{flex-shrink:0;min-height:var(--target-pos)}.customers-desk{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-4);padding:var(--space-4);background:var(--brand-pale)}.customers-main,.customers-side{display:flex;flex-direction:column;min-width:0;min-height:0}.customers-main>.hint{flex-shrink:0;margin:0}.customers-card{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-5);background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card)}.customers-main .customers-card{flex:1;overflow-x:hidden}.customers-side-head{display:flex;align-items:flex-start;gap:var(--space-3)}.customers-side-head h3{margin:0;font:var(--type-h3)}.customers-side-head .mark-tile,.ord-row .mark-tile{width:48px;height:48px}.customers-side-head .mark-tile i,.customers-side-head .mark-tile svg{font-size:22px;color:var(--text-on-primary)}.customers-side .customers-card{flex:1}.customers-aside-note{margin:auto 0 0;padding-top:var(--space-3);border-top:1px solid var(--brand-border)}.shift-open-card{gap:var(--space-4)}.shift-cashier,.shift-open-top{display:flex;align-items:center;gap:var(--space-3)}.shift-open-top{justify-content:space-between}.shift-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);padding:var(--space-4);background:var(--brand-pale);border-radius:var(--radius-control)}.shift-stats strong{display:block;margin-top:var(--space-1);font:var(--type-h2)}.shift-open-card .btn{width:100%;margin-top:auto}.shift-closed-list{display:flex;flex-direction:column;gap:var(--space-2);overflow:auto;min-height:0}.shift-closed-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control)}.shift-closed-row .num{flex-shrink:0;font:var(--type-h3)}.badge .ti-point-filled{color:var(--brand-primary)}.field-shell{display:flex;align-items:stretch;min-height:56px;border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);transition:border-color var(--motion),box-shadow var(--motion)}.field-shell:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(0,119,53,.12)}.field-shell>i,.field-shell>svg{width:48px;height:20px;flex-shrink:0;align-self:center;margin-inline:0;color:var(--brand-light);font-size:20px}.field-shell .field{flex:1;min-width:0;gap:0;justify-content:center;padding:6px var(--space-3) 8px 0}.field-shell .field label,.field-shell .field-label{font:var(--type-label);color:var(--brand-primary)}.field-shell .field input{min-height:0;padding:0;border:0;border-radius:0;background:transparent;font:var(--type-h3)}.field-shell .field input:focus{border:0}.add-customer{display:flex;flex-direction:column;gap:var(--space-3)}.add-customer .btn{width:100%;min-height:var(--target-pos)}.cust-idle,.cust-results{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);overflow:auto}.cust-idle[hidden],.cust-results[hidden]{display:none}.cust-list-head{display:flex;justify-content:space-between;align-items:center;font:var(--type-caption);color:var(--brand-deep)}.customer-list{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;padding:var(--space-2);background:var(--brand-pale);border-radius:var(--radius-control)}.cust-results .customer-list{flex:1;overflow:auto}.customer-meta{display:flex;align-items:center;gap:var(--space-2);font:var(--type-caption)}.customer-meta i,.customer-meta svg{width:14px;height:14px;color:var(--brand-light);font-size:14px}.customer-row.is-attached,.discount-card.is-on{border-color:var(--brand-primary);background:var(--brand-pale)}.customer-avatar{width:48px;height:48px;border-radius:50%;background:var(--brand-pale);color:var(--brand-primary);display:grid;place-items:center;font:500 16px/24px IBM Plex Sans Arabic,sans-serif;flex-shrink:0}.customer-avatar .ti{font-size:22px;line-height:1}.customer-row.is-attached .customer-avatar{background:var(--brand-primary);color:var(--text-on-primary)}.bar-track{height:12px;background:var(--brand-pale);overflow:hidden}.bar-fill,.bar-track{border-radius:var(--radius-micro)}.bar-fill{height:100%;background:var(--brand-primary);transition:width var(--motion)}.rpt-body{gap:var(--space-3)}.rpt-target{flex-shrink:0;background:var(--brand-pale);border:1px solid var(--brand-border);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.rpt-legend,.rpt-sku,.rpt-target-amt,.rpt-target-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.rpt-target-top{align-items:center}.rpt-target-label{display:flex;flex-direction:column;gap:2px;min-width:0}.rpt-target-label strong{font:var(--type-h3)}.rpt-target-pct{font:700 28px/32px IBM Plex Sans Arabic,sans-serif;font-variant-numeric:tabular-nums;color:var(--brand-primary);flex-shrink:0}.rpt-target-amt{align-items:baseline}.rpt-target-amt .num{font:700 18px/24px IBM Plex Sans Arabic,sans-serif}.rpt-target-amt .hint{margin:0}.rpt-bar{display:flex;height:8px;background:var(--brand-border);overflow:hidden}.rpt-bar,.rpt-bar-fill{border-radius:var(--radius-micro)}.rpt-bar-fill{height:100%;width:var(--rpt-pct,0);background:var(--brand-primary)}.rpt-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);flex-shrink:0}.rpt-kpi{min-width:0;padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);display:flex;flex-direction:column;gap:4px}.rpt-kpi-kicker{display:flex;align-items:center;gap:var(--space-1);font:var(--type-label);color:var(--brand-primary)}.rpt-kpi-kicker i{font-size:16px;color:var(--brand-light)}.rpt-kpi .num{font:700 18px/24px IBM Plex Sans Arabic,sans-serif}.rpt-split{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.rpt-card{min-width:0;min-height:0;padding:var(--space-3) var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);display:flex;flex-direction:column;gap:var(--space-3)}.rpt-card h3{margin:0;font:var(--type-h3)}.rpt-channel-bar{display:flex;height:10px;border-radius:var(--radius-micro);overflow:hidden;background:var(--brand-pale)}.rpt-channel-bar>span{height:100%}.rpt-channel-bar .is-store{width:var(--rpt-store,0);background:var(--brand-primary)}.rpt-channel-bar .is-pick{width:var(--rpt-pick,0);background:var(--brand-light)}.rpt-legend{font:var(--type-caption)}.rpt-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);flex-shrink:0}.rpt-legend>span{display:inline-flex;align-items:center;gap:var(--space-1)}.rpt-skus{display:flex;flex-direction:column;gap:0;min-height:0}.rpt-sku{min-height:40px;padding:var(--space-2) 0;border-bottom:1px solid var(--brand-border);font:var(--type-body)}.rpt-sku:last-child{border-bottom:0}.rpt-sku .num{font:500 14px/22px IBM Plex Sans Arabic,sans-serif}.rpt-foot{margin:0;flex-shrink:0}.dlv-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);flex-shrink:0}.dlv-filter{min-height:var(--target-pos);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-badge);background:transparent;color:var(--brand-deep);font:var(--type-body);transition:background-color var(--motion),border-color var(--motion)}.dlv-filter:hover{background:var(--brand-pale)}.dlv-filter[aria-pressed=true]{background:var(--brand-primary);color:var(--text-on-primary)}.dlv-grid{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-content:start}.dlv-grid .empty{grid-column:1/-1}.dlv-app-icon{width:48px;height:48px;border-radius:var(--radius-badge);background:var(--brand-pale);color:var(--brand-primary);display:grid;place-items:center;flex-shrink:0}.dlv-app-icon i{font-size:22px;line-height:1}.dlv-card{width:100%;min-height:var(--target-pos);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font:inherit;text-align:start;display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--motion),background-color var(--motion)}.dlv-card:focus-visible,.dlv-card:hover{border-color:var(--brand-primary)}.dlv-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.dlv-card.is-on{border-color:var(--brand-primary);background:var(--brand-pale)}.dlv-card-meta,.dlv-card-top,.dlv-line{display:flex;align-items:center;gap:var(--space-2)}.dlv-card-top{justify-content:space-between}.dlv-card-top .line-main{flex:1;min-width:0}.dlv-card-meta{justify-content:space-between;font:var(--type-caption)}.dlv-detail{flex:1;min-height:0;overflow:auto;gap:var(--space-3)}.dlv-detail,.dlv-lines{display:flex;flex-direction:column}.dlv-lines{border-top:1px solid var(--brand-border)}.dlv-line{min-height:40px;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--brand-border);font:var(--type-body)}.dlv-line:last-child{border-bottom:0}.dlv-detail-foot{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--brand-border);display:flex;flex-direction:column;gap:var(--space-2)}.dlv-detail-foot .btn{width:100%}#ord-detail{overflow:hidden}.ord-ret-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.inv-cat,.inv-filter,.ord-filter{min-height:var(--target-pos);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-badge);background:transparent;color:var(--brand-deep);font:var(--type-body);transition:background-color var(--motion),border-color var(--motion)}.inv-cat:hover,.inv-filter:hover,.ord-filter:hover{background:var(--brand-pale)}.inv-cat[aria-pressed=true],.inv-filter[aria-pressed=true],.ord-filter[aria-pressed=true]{background:var(--brand-primary);color:var(--text-on-primary)}.inv-filters{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}#view-orders .search-box{flex:0 0 auto;width:100%}.inv-toolbar{display:flex;gap:var(--space-3);flex-shrink:0}.inv-toolbar .search-box{flex:1;width:auto}.inv-row .num:last-child{flex-shrink:0;font:700 16px/24px IBM Plex Sans Arabic,sans-serif}.inv-detail-photo,.inv-thumb{width:48px;height:48px;border-radius:var(--radius-badge);object-fit:cover;flex-shrink:0;background:var(--brand-pale)}.inv-detail-photo{width:64px;height:64px}.inv-row-mark{flex-shrink:0;font-size:16px;color:var(--stock-warn)}.inv-row-dot{width:10px;height:10px;border-radius:50%;background:var(--stock-critical);flex-shrink:0}.inv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3);background:var(--brand-pale);border-radius:var(--radius-control)}.inv-stats strong{display:block;margin-top:var(--space-1);font:var(--type-h2)}.inv-actions{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.inv-actions .btn{min-height:var(--target-pos);padding:8px var(--space-2);gap:var(--space-1);white-space:normal;text-align:center;line-height:1.25}.ord-reason[aria-disabled=true]{opacity:.4;pointer-events:none}.inv-form{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--brand-border)}#inv-detail{overflow-x:hidden;overflow-y:auto}.pay-disc-picks{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pay-disc-pick{min-height:var(--target-pos);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);transition:border-color var(--motion),background-color var(--motion)}.pay-disc-pick.is-on,.pay-disc-pick:hover{border-color:var(--brand-primary);background:var(--brand-pale)}.ord-list{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.history-line,.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-line{padding:12px 0;border-bottom:1px solid var(--brand-border)}.orders-history .search-box{flex:0 0 var(--target-pos);height:var(--target-pos);min-height:var(--target-pos)}.history-pagination{margin-top:auto;flex-shrink:0}.ord-row{width:100%;max-width:100%;min-width:0;min-height:var(--target-pos);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font:inherit;text-align:start;display:flex;align-items:center;gap:var(--space-3);transition:border-color var(--motion),background-color var(--motion)}.ord-row.is-on,.ord-row:focus-visible,.ord-row:hover{border-color:var(--brand-primary)}.ord-row.is-on{background:var(--brand-pale)}.ord-row:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ord-row .line-main{flex:1;min-width:0}.ord-row .num{font:700 14px/22px IBM Plex Sans Arabic,sans-serif;flex-shrink:0}.ord-row .badge{flex-shrink:0}.ord-row .line-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ret-line{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) 0;border-bottom:1px solid var(--brand-border)}.ret-line:last-child{border-bottom:0}.ret-line .line-main{flex:1;min-width:0}.ret-qty{margin:0;width:auto;flex-shrink:0}.ret-qty .qty-value{flex:0 0 28px}.ord-reasons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ord-reason{min-height:var(--target-pos);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font:var(--type-body)}.ord-reason[aria-pressed=true]{border-color:var(--brand-primary);background:var(--brand-pale)}.ord-restock{min-height:var(--target-pos);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:start;font:var(--type-body)}.ord-restock[aria-pressed=true]{border-color:var(--brand-primary);background:var(--brand-pale)}.sys-list{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-content:start}.sys-card{padding:var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-card);background:var(--surface-base);flex-direction:column}.sys-card,.sys-card-top{min-width:0;display:flex;gap:var(--space-3)}.sys-card-top{align-items:flex-start}.sys-card .mark-tile i{font-size:22px;color:var(--text-on-primary)}.sys-card .line-main{flex:1;min-width:0}.sys-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.sys-card-title .badge{flex-shrink:0}.sys-card-foot{margin-top:auto}.sys-card-btn{width:auto;min-width:0;padding:0 var(--space-4)}.sys-batt{height:8px;margin-top:var(--space-1);background:var(--brand-pale);overflow:hidden}.sys-batt,.sys-batt span{border-radius:var(--radius-micro)}.sys-batt span{display:block;height:100%;width:var(--sys-batt,0);background:var(--brand-primary)}.sys-device{overflow-x:hidden;overflow-y:auto}.sys-device .btn,.sys-dialog-card .btn{width:100%}.catalogue{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.cats{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow-x:hidden;background:var(--surface-base)}.cat,.cats{flex-shrink:0}.cat{min-height:var(--target-pos);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-badge);background:transparent;color:var(--brand-deep);transition:background-color var(--motion),border-color var(--motion)}.cat:hover{background:var(--brand-pale)}.cat[aria-pressed=true]{background:var(--brand-primary);color:var(--text-on-primary)}.search-row{display:flex;gap:var(--space-3);padding:0 var(--space-4) var(--space-3);flex-shrink:0}.search-box{flex:1;display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-pos);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.search-box:focus-within{border:2px solid var(--brand-primary)}.search-box i{color:var(--brand-light);font-size:20px}.search-box input{flex:1;border:0;outline:none;min-width:0;background:transparent}.search-box input::placeholder{color:var(--brand-primary)}.scan-live{font:var(--type-caption);padding:0 var(--space-4) var(--space-2);min-height:18px}.grid{flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--space-3) var(--space-4) var(--space-4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:min-content;align-content:start}.grid,.product{gap:var(--space-2)}.product{display:flex;flex-direction:column;min-width:0;height:auto;overflow:visible;padding:var(--space-2);text-align:start;border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);transition:border-color var(--motion),background-color var(--motion)}.product.is-in-cart,.product:hover{border-color:var(--brand-primary)}.product.is-in-cart{background:var(--brand-pale)}.product.is-out{opacity:.55}.product-qty{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;width:100%;flex-shrink:0}.product-qty button{width:var(--target-pos);height:var(--target-pos);flex-shrink:0;display:grid;place-items:center;padding:0;line-height:0;text-align:center;border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.product-qty button svg{display:block;margin:0}.product-qty button:hover:not(:disabled){background:var(--brand-pale)}.product-qty button:disabled{opacity:.4}.product-qty .qty-value{flex:1;min-width:0;text-align:center;font:700 16px/24px IBM Plex Sans Arabic,sans-serif}.product-qty.ret-qty{width:auto;margin:0}.product-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);min-width:0}.product-thumb{position:relative;height:80px;border-radius:var(--radius-badge);background:var(--brand-pale);overflow:hidden;flex-shrink:0}.product-thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-name{flex:1;min-width:0;font:500 13px/18px IBM Plex Sans Arabic,sans-serif}.product-price{flex-shrink:0;font:700 14px/22px IBM Plex Sans Arabic,sans-serif;color:var(--brand-primary)}.product .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stock{display:flex;align-items:flex-start;gap:var(--space-1);min-width:0;font:var(--type-caption);color:var(--brand-deep);line-height:1.35;white-space:normal}.product-stock>span{min-width:0;flex:1}.product-stock .ti{flex-shrink:0;margin-top:1px;font-size:14px}.product-stock.is-warn .ti{color:var(--stock-warn)}.product-stock.is-critical .ti{color:var(--stock-critical)}.stock-mark{position:absolute;top:6px;inset-inline-start:6px;display:grid;place-items:center;pointer-events:none}.stock-mark--warn{width:22px;height:22px;border-radius:50%;background:var(--surface-base);color:var(--stock-warn);font-size:14px}.stock-mark--critical{width:12px;height:12px;border-radius:50%;background:var(--stock-critical);border:2px solid var(--surface-base)}.cart{width:360px;flex-direction:column;min-height:0;background:var(--surface-base);border-inline-start:1px solid var(--brand-border)}.cart,.cart-tabs{flex-shrink:0;display:flex}.cart-tabs{align-items:stretch;gap:var(--space-1);padding:var(--space-2) var(--space-2) 0;background:var(--brand-pale);border-bottom:1px solid var(--brand-border)}.cart-tab{flex:1;min-width:0;min-height:var(--target-pos);padding:0 var(--space-2);border:1px solid transparent;border-bottom:0;border-radius:var(--radius-control) var(--radius-control) 0 0;background:transparent;color:var(--brand-deep);font:var(--type-label);display:flex;align-items:center;justify-content:center;gap:var(--space-1);transition:background-color var(--motion),border-color var(--motion)}.cart-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-tab[aria-selected=true],.cart-tab[data-selected=true]{background:var(--surface-base);border-color:var(--brand-border)}.cart-tab-add{flex:0 0 var(--target-pos);width:var(--target-pos);min-height:var(--target-pos);padding:0;border:1px dashed var(--brand-primary);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-primary);margin-bottom:var(--space-1)}.cart-tab-add:disabled{opacity:.4}.cart-tab-close{width:28px;height:28px;flex-shrink:0;border:0;border-radius:var(--radius-micro);background:transparent;color:var(--brand-deep);display:grid;place-items:center}.cart-customer,.cart-tab-close:hover{background:var(--brand-pale)}.cart-customer{display:none;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--brand-border);font:var(--type-caption)}.cart-foot,.cart-head{flex-shrink:0;padding:var(--space-2) var(--space-3)}.cart-head{justify-content:space-between;align-items:center;border-bottom:1px solid var(--brand-border)}.cart-head,.cart-lines{display:flex;gap:var(--space-2)}.cart-lines{flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--space-2) var(--space-3);flex-direction:column}.line{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--brand-border);border-radius:var(--radius-control)}.line-main{flex:1;min-width:0}.line-name{font:var(--type-h3)}.line-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline}.line-sum{font:500 14px/22px IBM Plex Sans Arabic,sans-serif;flex-shrink:0}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper button{width:var(--target-pos);height:var(--target-pos);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.stepper button:hover:not(:disabled),.totals{background:var(--brand-pale)}.totals{display:grid;gap:2px;padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--brand-border)}.totals-row{display:flex;justify-content:space-between;font:var(--type-caption)}.totals-row[hidden]{display:none}.totals-row.grand{font:700 18px/24px IBM Plex Sans Arabic,sans-serif;color:var(--brand-deep);margin-top:2px}.checkout{width:100%;min-height:var(--target-pos);margin-top:var(--space-2)}.icon-btn.line-delete{color:var(--brand-deep);border-color:var(--brand-deep);flex-shrink:0}.empty{margin:auto;text-align:center;padding:var(--space-6);color:var(--brand-deep)}.empty i{font-size:32px;color:var(--brand-light)}.ctl{display:flex;flex:1;height:100%;min-height:0}.ctl .btn{min-height:var(--target-ctl)}.ctl .btn-primary,.ctl .btn-secondary{font-weight:700}.ctl .btn-primary:hover:not(:disabled),.ctl .btn-secondary:hover:not(:disabled){transform:translateY(-4px)}.ctl-nav{width:var(--ctl-nav-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--surface-base);border-inline-end:1px solid var(--brand-border)}.ctl-nav-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--brand-border)}.ctl-nav-brand small{display:block;font:var(--type-label);color:var(--brand-primary)}.nav-list{flex:1;overflow:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--target-ctl);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--brand-deep);text-align:start;width:100%;text-decoration:none;font:500 14px/22px IBM Plex Sans Arabic,sans-serif;transition:background-color var(--motion),border-color var(--motion),color var(--motion),transform var(--motion),opacity var(--motion)}.nav-item i{color:var(--brand-primary);font-size:20px;width:20px}.nav-item:hover:not([aria-current=page]){background:var(--brand-pale);transform:translateX(-4px)}.nav-item[aria-current=page]{background:var(--brand-pale);border-color:var(--brand-primary);font-weight:700}.nav-item[aria-current=page] i{color:var(--brand-deep)}.nav-item.is-planned{opacity:.72}.nav-item .soon{margin-inline-start:auto;font:var(--type-label);color:var(--brand-primary)}button.nav-item{cursor:pointer}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-caret{margin-inline-start:auto;font-size:16px;width:16px;color:var(--brand-primary);transition:transform var(--motion)}.nav-group.is-open .nav-group-caret{transform:rotate(-180deg)}.nav-group.is-open .nav-group-toggle{background:var(--brand-pale)}.nav-sub-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion)}.nav-group.is-open .nav-sub-wrap{grid-template-rows:1fr}.nav-sub{position:relative;overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:2px;padding-inline-start:36px;margin-bottom:var(--space-1)}.nav-sub:before{content:"";position:absolute;inset-inline-start:18px;top:22px;bottom:22px;width:2px;background:var(--brand-primary);transform:scaleY(0);transform-origin:top center;transition:transform var(--motion)}.nav-group.is-open .nav-sub:before{transform:scaleY(1)}.nav-sub-item{position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-ctl);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-control);color:var(--brand-deep);text-decoration:none;font:500 14px/22px IBM Plex Sans Arabic,sans-serif;opacity:0;transform:translateX(4px);transition:background-color var(--motion),border-color var(--motion),transform var(--motion),opacity var(--motion)}.nav-group.is-open .nav-sub-item{opacity:1;transform:none}.nav-group.is-open .nav-sub-item:first-child{transition-delay:40ms}.nav-group.is-open .nav-sub-item:nth-child(2){transition-delay:80ms}.nav-group.is-open .nav-sub-item:nth-child(3){transition-delay:.12s}.nav-group.is-open .nav-sub-item:nth-child(4){transition-delay:.16s}.nav-sub-item:before{content:"";position:absolute;inset-inline-start:-18px;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--brand-border);transform:scaleX(0);transform-origin:right center;transition:transform var(--motion),background-color var(--motion)}.nav-group.is-open .nav-sub-item:before{transform:scaleX(1)}.nav-sub-item:after{content:"";position:absolute;inset-inline-start:-10px;top:50%;width:0;height:0;border-block:5px solid transparent;border-inline-start:7px solid var(--brand-primary);opacity:0;transform:translate(-4px,-50%);transition:opacity var(--motion),transform var(--motion)}.nav-sub-item i{color:var(--brand-primary);font-size:18px;width:18px}.nav-sub-item:hover:not([aria-current=page]){background:var(--brand-pale);transform:translateX(-4px)}.nav-sub-item[aria-current=page]{background:var(--brand-pale);border-color:var(--brand-primary);font-weight:700}.nav-sub-item[aria-current=page]:before{background:var(--brand-primary)}.nav-group.is-open .nav-sub-item[aria-current=page]:after{opacity:1;transform:translateY(-50%)}.ctl-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--brand-pale);position:relative}.ctl-top{flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-3) var(--space-6);background:var(--surface-base);border-bottom:1px solid var(--brand-border)}.ctl-top-title{display:flex;flex-direction:column;min-width:0}.ctl-top-actions{margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.ctl-chrome-tools{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ctl-top>.ctl-chrome-tools{margin-inline-start:auto}.ctl-tool{position:relative;width:var(--target-ctl);height:var(--target-ctl);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);display:grid;place-items:center;padding:0;cursor:pointer;transition:background-color var(--motion),border-color var(--motion),transform var(--motion)}.ctl-tool i{font-size:22px;color:var(--brand-primary)}.ctl-tool:hover{background:var(--brand-pale);transform:translateY(-4px)}.ctl-tool:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ctl-tool[aria-pressed=true]{transform:none}.ctl-tool-agent,.ctl-tool[aria-pressed=true]{background:var(--brand-pale);border-color:var(--brand-primary)}.ctl-tool-dot{position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:var(--brand-primary)}.dock-pane{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;width:min(400px,100%);background:var(--surface-base);border-inline-start:1px solid var(--brand-border);box-shadow:var(--elevation);z-index:6;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-4px);transition:opacity var(--motion),transform var(--motion),visibility var(--motion)}.dock-pane.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.dock-head{display:flex;align-items:center;gap:var(--space-3);min-height:72px;padding:0 var(--space-4);border-bottom:1px solid var(--brand-border);flex-shrink:0}.dock-head strong{flex:1;font:var(--type-h2)}.dock-body{flex:1;min-height:0;overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--brand-pale)}.agent-msg{max-width:92%;padding:var(--space-3);border-radius:var(--radius-control);font:var(--type-body)}.agent-msg.is-user{align-self:flex-start;background:var(--brand-primary);color:var(--text-on-primary)}.agent-msg.is-agent{align-self:flex-end;background:var(--surface-base);border:1px solid var(--brand-border);color:var(--brand-deep)}.agent-msg p{margin:0 0 var(--space-2)}.agent-msg p:last-child{margin-bottom:0}.agent-msg .hint,.agent-msg table{margin-top:var(--space-2)}.agent-msg table{width:100%;border-collapse:collapse;font:var(--type-caption)}.agent-msg td,.agent-msg th{padding:6px 0;text-align:start;border-bottom:1px solid var(--brand-border)}.agent-msg th{font-weight:500;color:var(--brand-primary)}.agent-msg tr:last-child td{border-bottom:0}.agent-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);flex-shrink:0;background:var(--brand-pale)}.agent-chips button{min-height:var(--target-ctl);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font:500 14px/22px IBM Plex Sans Arabic,sans-serif;cursor:pointer}.agent-chips button:hover{background:var(--brand-pale)}.agent-compose{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--brand-border);flex-shrink:0;background:var(--surface-base)}.agent-compose input{flex:1;min-height:var(--target-ctl);min-width:0;padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);color:var(--brand-deep);font:var(--type-body)}.agent-compose input::placeholder{color:var(--brand-primary)}.agent-compose input:focus{border-color:var(--brand-primary);outline:none}.alert-row{display:flex;gap:var(--space-3);align-items:flex-start;min-height:var(--target-ctl);padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface-base);border:1px solid var(--brand-border);text-align:start;width:100%;cursor:pointer;font:var(--type-body);color:var(--brand-deep);transition:transform var(--motion),background-color var(--motion)}.alert-row:hover{background:var(--brand-pale);transform:translateY(-4px)}a.alert-row{text-decoration:none;color:inherit}.alert-row.is-static{cursor:default}.alert-row.is-static:hover{transform:none;background:var(--surface-base)}.alert-row.is-closed{opacity:.85;cursor:default}.alert-row.is-closed:hover{transform:none}.alert-row i{color:var(--brand-primary);font-size:20px;flex-shrink:0}.alert-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}.crumb{font:var(--type-caption);color:var(--brand-primary)}.ctl-top h2{font:var(--type-h1);margin:0;flex:1}.ctl-top-title h2{flex:none}.ctl-workspace{flex:1;min-height:0;overflow:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);position:relative;width:100%;max-width:var(--ctl-content-max);margin-inline:auto}.ctl-workspace>.alert,.ctl-workspace>.ctl-set-bar,.ctl-workspace>.metrics,.ctl-workspace>.toolbar{flex-shrink:0}.ctl-workspace>.alert{background:var(--surface-base)}.ctl-workspace>.alert .hint{margin-top:var(--space-1);font:var(--type-body);color:var(--brand-deep)}.ctl-workspace>.alert i{color:var(--brand-primary)}.ctl-workspace>.ctl-dash,.ctl-workspace>.ctl-view,.ctl-workspace>.panel.is-fill,.ctl-workspace>.panel:last-child,.ctl-workspace>.split{flex:1 1 auto;min-height:0}.ctl-workspace:has(>.ctl-dash),.ctl-workspace:has(>.ctl-view),.ctl-workspace:has(>.panel.is-fill),.ctl-workspace:has(>.split){overflow:hidden}.ctl-view{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.ctl-view[hidden]{display:none}.ctl-view>.alert{flex-shrink:0;background:var(--surface-base)}.ctl-view>.alert .hint{margin-top:var(--space-1);font:var(--type-body);color:var(--brand-deep)}.ctl-view>.alert i{color:var(--brand-primary)}.ctl-view>.panel.is-fill{flex:1 1 auto;min-height:0}.ctl-dash{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:var(--space-4);align-items:stretch}.ctl-aside{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.ctl-aside>.panel.is-fill{flex:1 1 auto;min-height:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}@media (min-width:2560px){.metrics{gap:var(--space-6)}.metric strong{font:var(--type-display)}}@media (max-width:1399px){.ctl-dash,.split{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric{background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:background-color var(--motion),border-color var(--motion),transform var(--motion)}.metric:hover{background:var(--brand-pale);border-color:var(--brand-primary);transform:translateY(-4px)}.metric-kicker{display:flex;align-items:center;gap:var(--space-2)}.metric-kicker i{color:var(--brand-primary);font-size:20px}.metric span{font:var(--type-caption);color:var(--brand-deep)}.metric strong{font:var(--type-h1)}.panel{background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);padding:var(--space-5)}.panel.is-fill{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel h3,.panel-head h3{font:var(--type-h2);margin:0 0 var(--space-4)}.panel-head .hint,.panel-head h3{margin:0}.panel-head.is-tools{align-items:center;flex-wrap:wrap;gap:var(--space-3)}.panel-head.is-tools .search-box{flex:1 1 220px;min-height:var(--target-ctl)}.panel-head.is-tools .btn{min-height:var(--target-ctl)}.ctl-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);flex-shrink:0}.ctl-filters button{min-height:var(--target-ctl);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font:500 14px/22px IBM Plex Sans Arabic,sans-serif;cursor:pointer;font-family:inherit;transition:background-color var(--motion),border-color var(--motion),color var(--motion)}.ctl-filters button:hover{background:var(--brand-pale)}.ctl-filters button[aria-pressed=true]{background:var(--brand-primary);color:var(--text-on-primary);border-color:var(--brand-primary)}.table-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.table .table-actions{flex-wrap:nowrap}.ctl-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ctl-steps li{display:flex;align-items:flex-start;gap:var(--space-3)}.ctl-steps .step-n{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--brand-pale);color:var(--brand-deep);display:grid;place-items:center;font:700 14px/22px IBM Plex Sans Arabic,sans-serif}.stock-cap{display:inline-flex;align-items:center;gap:var(--space-2)}.stock-cap i{color:var(--brand-primary)}.stock-cap.is-warn i{color:var(--stock-warn)}.stock-dot{width:8px;height:8px;border-radius:50%;background:var(--stock-critical);flex-shrink:0}.xfer-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);flex:1;min-height:0}.xfer-col{background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);padding:var(--space-4);gap:var(--space-3);min-height:0;overflow:auto}.xfer-card,.xfer-col{display:flex;flex-direction:column}.xfer-card{border:1px solid var(--brand-border);border-radius:var(--radius-control);padding:var(--space-3);gap:var(--space-2)}.wh-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:var(--space-4);flex:1;min-height:0}.wh-grid .panel>.btn,.wh-grid .panel>.ctl-action{margin-inline:var(--space-4);margin-block-end:var(--space-4)}.file-btn input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.file-btn{position:relative;display:inline-flex;align-items:center;justify-content:center}.panel.is-fill>.alert,.panel.is-fill>.panel-head{flex-shrink:0}.ctl-detail{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-height:0;overflow:auto}button.ctl-action{appearance:none;cursor:pointer;font-family:inherit}.panel.is-fill .table-wrap{flex:1;min-height:0}.ctl .table-wrap,.panel.is-fill .table-wrap{overflow:auto;border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.table{width:100%;border-collapse:separate;border-spacing:0}.table td,.table th{text-align:start;vertical-align:middle;padding:14px 16px;border-bottom:1px solid var(--brand-border);font:var(--type-body);transition:background-color var(--motion)}.table td:first-child,.table th:first-child{padding-inline-start:20px}.table td:last-child,.table th:last-child{padding-inline-end:20px;width:1%;white-space:nowrap}.table th{background:var(--brand-pale);font:500 12px/18px IBM Plex Sans Arabic,sans-serif;color:var(--brand-deep);white-space:nowrap;letter-spacing:0;border-bottom-color:var(--brand-primary)}.table input{width:100%;min-height:var(--target-ctl);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);font:inherit;accent-color:var(--brand-primary)}.table input[type=checkbox],.table input[type=radio]{width:20px;min-height:20px;height:20px;padding:0}.panel.is-fill thead th{position:sticky;top:0;z-index:1}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-current td,.table tbody tr:hover td{background:var(--brand-pale)}.table tbody tr[data-order],.table tbody tr[data-sku]{cursor:pointer}.table td.num,.table td[dir=ltr],.table th.num{direction:rtl}.table a.num,.table span.num,.table strong.num{display:inline-block;direction:ltr;unicode-bidi:isolate;max-width:100%;text-align:start}.table .ctl-action{font-weight:500;transform:none}.table .ctl-action:hover{transform:none}.tbl-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.tbl-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);flex-shrink:0}.tbl-status.is-off .tbl-dot{background:var(--brand-border)}.panel.is-fill:has(.activity-feed) .table-wrap{flex:0 0 auto}.activity-feed{flex:1 1 auto;min-height:0;overflow:auto;margin:0;padding:var(--space-2);border-top:1px solid var(--brand-border);list-style:none;flex-direction:column;gap:var(--space-1);background:var(--brand-pale)}.activity-feed,.activity-item{display:flex;border-radius:var(--radius-control)}.activity-item{align-items:center;gap:var(--space-3);flex:0 0 auto;min-height:var(--target-ctl);padding:0 var(--space-3);background:var(--surface-base);transition:background-color var(--motion),transform var(--motion)}.activity-item:hover{background:var(--surface-base);transform:translateY(-4px)}.activity-item i{color:var(--brand-primary);font-size:20px;flex-shrink:0}.activity-item time{margin-inline-start:auto;font:var(--type-caption);color:var(--brand-deep);white-space:nowrap}.status-stack{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:0 0 auto;min-height:var(--target-ctl);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-pale)}.status-row strong{font:500 14px/22px IBM Plex Sans Arabic,sans-serif}.ctl-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--target-ctl);padding:0 var(--space-3);border:1px solid var(--brand-primary);border-radius:var(--radius-control);background:var(--brand-pale);color:var(--brand-deep);font:700 14px/22px IBM Plex Sans Arabic,sans-serif;text-decoration:none;white-space:nowrap;transition:background-color var(--motion),border-color var(--motion),transform var(--motion)}.ctl-action:hover{background:var(--surface-base);transform:translateY(-4px)}.ctl-action.is-static{border-color:var(--brand-border);font-weight:500;cursor:default;transform:none}.ctl-action.is-static:hover{background:var(--brand-pale);transform:none}.snap-list{flex-direction:column}.snap-list,.snap-row{display:flex;gap:var(--space-3)}.snap-row{align-items:center;justify-content:space-between;min-height:var(--target-ctl);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:inherit;text-decoration:none;transition:background-color var(--motion),border-color var(--motion),transform var(--motion)}.snap-row:hover{background:var(--brand-pale);border-color:var(--brand-primary);transform:translateY(-4px)}.snap-row strong{display:block;font:var(--type-h3)}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quick-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2);min-height:72px;padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);text-decoration:none;font:700 14px/22px IBM Plex Sans Arabic,sans-serif;transition:background-color var(--motion),border-color var(--motion),transform var(--motion)}.quick-link i{color:var(--brand-primary);font-size:20px}.quick-link:hover{background:var(--brand-pale);border-color:var(--brand-primary);transform:translateY(-4px)}.auth-card{margin:auto;width:440px;max-height:100%;overflow:auto;background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--elevation)}.auth-card a:not(.btn){color:var(--brand-primary)}.check-row{min-height:var(--target-pos);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);display:flex;align-items:flex-start;gap:var(--space-3);text-align:start;cursor:pointer}.check-row.is-on{border-color:var(--brand-primary);background:var(--brand-pale)}.check-row input{width:24px;height:24px;margin-top:2px;flex-shrink:0;accent-color:var(--brand-primary)}.check-row strong{display:block;font:500 14px/22px IBM Plex Sans Arabic,sans-serif}.check-row .hint{margin-top:var(--space-1)}.check-row.is-ctl{min-height:var(--target-ctl)}.perm-list{display:flex;flex-direction:column;gap:var(--space-2)}.auth-stage,.setup-stage{flex:1;display:flex;align-items:center;justify-content:center;background:var(--brand-pale)}.setup-stage{min-height:0;padding:var(--space-5)}.setup-card{width:min(720px,100%);max-height:100%;overflow:auto;background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.setup-progress{margin:0;padding:0;list-style:none;display:flex;gap:var(--space-2)}.setup-progress li{flex:1;min-height:8px;border-radius:var(--radius-micro);background:var(--brand-pale);border:1px solid var(--brand-border);overflow:hidden;text-indent:-999px}.setup-progress li.is-done,.setup-progress li.is-on{background:var(--brand-primary);border-color:var(--brand-primary)}.setup-kicker{font:var(--type-label);color:var(--brand-primary);margin:0}.setup-card h1{margin:0;font:var(--type-h2);color:var(--brand-deep)}.setup-points{margin:0;padding:0;list-style:none;flex-direction:column}.setup-points,.setup-points li{display:flex;gap:var(--space-3)}.setup-points li{align-items:flex-start;font:var(--type-body);color:var(--brand-deep)}.setup-points .mark-tile{width:40px;height:40px}.setup-points .mark-tile i{font-size:20px;color:var(--text-on-primary)}.setup-choices{display:flex;flex-direction:column;gap:var(--space-2)}.setup-choice{width:100%;min-height:var(--target-pos);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font:inherit;text-align:start;display:flex;align-items:center;gap:var(--space-3);transition:border-color var(--motion),background-color var(--motion)}.setup-choice:focus-visible,.setup-choice:hover,.setup-choice[aria-pressed=true]{border-color:var(--brand-primary)}.setup-choice[aria-pressed=true]{background:var(--brand-pale)}.setup-choice:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.setup-choice .line-main{flex:1;min-width:0}.setup-devices{display:flex;flex-direction:column;gap:var(--space-2)}.setup-device{min-height:var(--target-pos);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-pale);color:var(--brand-deep);display:flex;align-items:center;gap:var(--space-3);font:var(--type-body)}.setup-device i{color:var(--brand-primary);font-size:22px}.setup-device .badge{margin-inline-start:auto}.setup-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.setup-actions .btn{min-width:160px}@media (prefers-reduced-motion:reduce){.setup-choice{transition:none}}.dialog{position:absolute;inset:0;z-index:8;background:rgba(0,81,33,.24);display:flex;align-items:center;justify-content:center;padding:var(--space-5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion),visibility var(--motion)}.dialog.open{opacity:1;visibility:visible;pointer-events:auto}.dialog-card{width:480px;max-width:100%;background:var(--surface-base);border-radius:var(--radius-card);box-shadow:var(--elevation);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transform:translateY(4px);transition:transform var(--motion)}.dialog-card.is-wide{width:min(720px,100%)}.import-preview{max-height:240px;overflow:auto;border:1px solid var(--brand-border);border-radius:var(--radius-control)}.dialog.open .dialog-card{transform:none}.dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.dialog-actions.is-start{justify-content:flex-start}.sticky-actions{position:sticky;bottom:0;background:var(--surface-base);border-top:1px solid var(--brand-border);padding:var(--space-4);display:flex;gap:var(--space-3);justify-content:flex-end}.pay-page{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;min-height:0;background:var(--brand-pale);opacity:0;transform:translateY(4px);pointer-events:none;visibility:hidden;transition:opacity var(--motion),transform var(--motion),visibility var(--motion)}.pos.is-checkout .pay-page{opacity:1;transform:none;pointer-events:auto;visibility:visible}.pay-page-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);overflow:hidden}.pay-card{background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;min-height:0;gap:var(--space-2);overflow:auto}.pay-card h2{margin:0;font:var(--type-h2)}.pay-card h3{margin:0;font:var(--type-h3)}.pay-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-shrink:0}.pay-lines{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:var(--space-2)}.pay-line{justify-content:space-between;font:var(--type-body)}.pay-line,.pay-line-item{display:flex;align-items:center;gap:var(--space-3)}.pay-line-item{min-width:0}.pay-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-control);background:var(--brand-pale);flex-shrink:0}.pay-breakdown{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--brand-border)}.pay-breakdown .pay-line{font:var(--type-caption)}.pay-due{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3) var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-pale);font:700 22px/32px IBM Plex Sans Arabic,sans-serif;flex-shrink:0}.pay-due span:first-child{font:var(--type-h3)}.pay-cust{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pay-cust,.pay-cust .field-shell{min-width:0}.pay-cluster{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.pay-cluster-methods{flex:1;min-height:0}.pay-card--checkout{overflow:hidden;gap:var(--space-3)}.pay-card--checkout .field-shell{min-height:var(--target-pos)}.pay-card--checkout .field-shell>i{width:40px}.pay-card--checkout .field-shell .field input{min-width:0;width:100%}.pay-disc{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.pay-disc .field-shell{width:100%}.pay-disc .btn{align-self:stretch;min-height:0;margin:6px;padding:0 var(--space-4);flex-shrink:0}.pay-methods{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.pay-method{grid-column:span 2;min-height:0;padding:var(--space-3) var(--space-2);border:1px solid transparent;border-radius:var(--radius-card);background:var(--brand-pale);color:var(--brand-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center;transition:border-color var(--motion),background-color var(--motion)}.pay-method[data-pay=bnpl],.pay-method[data-pay=later]{grid-column:span 3}.pay-method-icon{width:40px;height:40px;border-radius:50%;background:var(--surface-base);display:grid;place-items:center;flex-shrink:0}.pay-method-icon i{font-size:22px;color:var(--brand-primary)}.pay-method-copy{min-width:0;display:flex;flex-direction:column;align-items:center;gap:0}.pay-method-copy .hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pay-method-copy strong{font:var(--type-h3)}.pay-method:focus-visible,.pay-method:hover{border-color:var(--brand-primary);background:var(--surface-base)}.pay-method:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.pay-page-foot{flex-shrink:0;display:flex;align-items:stretch;padding:var(--space-2) var(--space-4) var(--space-3);background:var(--surface-base);border-top:1px solid var(--brand-border)}.pay-page-foot .btn{flex:1}.gallery{width:min(1100px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.gallery a{display:block;padding:var(--space-5);background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);color:var(--brand-deep);text-decoration:none;min-height:var(--target-ctl);transition:border-color var(--motion)}.table a:not(.btn):not(.ctl-action){color:var(--brand-deep);font-weight:700}.gallery a:hover{border-color:var(--brand-primary)}.gallery a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.gallery strong{display:block;font:var(--type-h3);margin-bottom:var(--space-2)}.gallery-section{width:min(1100px,100%)}.gallery-section h2{font:var(--type-h2);margin:var(--space-5) 0 var(--space-3)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;width:100%}.toolbar .search-box{flex:1;min-width:200px}.ctl .search-box{min-height:var(--target-ctl)}.pagination{display:flex;gap:var(--space-2);justify-content:flex-end;align-items:center;flex-shrink:0;padding-top:var(--space-3)}.pagination button{min-width:var(--target-ctl);min-height:var(--target-ctl);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);transition:background-color var(--motion),border-color var(--motion),color var(--motion)}.pagination button[aria-current=page]{background:var(--brand-primary);color:var(--text-on-primary);border-color:var(--brand-primary)}.panel.is-fill .pagination{margin-top:auto}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:var(--space-4);min-height:0;flex:1 1 auto;align-items:stretch}.drawer.is-wide{width:min(560px,100%)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.site-card{border:1px solid var(--brand-border);border-radius:var(--radius-control);padding:var(--space-3);flex-direction:column}.site-card,.site-card-head{display:flex;gap:var(--space-2)}.site-card-head{align-items:center;justify-content:space-between}.wh-list{gap:var(--space-3)}.wh-list,.wh-stack{display:flex;flex-direction:column}.wh-stack{gap:var(--space-4);flex:1;min-height:0}.drawer{position:absolute;inset-block:0;inset-inline-start:0;width:min(480px,100%);background:var(--surface-base);border-inline-end:1px solid var(--brand-border);box-shadow:var(--elevation);display:flex;flex-direction:column;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(4px);transition:opacity var(--motion),transform var(--motion),visibility var(--motion)}.drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.drawer-head{align-items:center;justify-content:space-between;border-bottom:1px solid var(--brand-border)}.drawer-body,.drawer-head{display:flex;gap:var(--space-3);padding:var(--space-4)}.drawer-body{flex:1;overflow:auto;flex-direction:column}.overlay-panel{flex:1;min-height:0;background:var(--brand-pale);display:flex;z-index:2}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.keypad button{min-height:var(--target-pos);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);font:700 18px/24px IBM Plex Sans Arabic,sans-serif}.keypad button:hover{background:var(--brand-pale)}.pin-row{display:flex;justify-content:center;gap:var(--space-3)}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--brand-primary);background:transparent}.pin-dot.is-on{background:var(--brand-primary)}.amount-display{font:var(--type-display);text-align:center;border:1px solid var(--brand-border);border-radius:var(--radius-control)}.amount-display,.receipt{padding:var(--space-4);background:var(--surface-base)}.receipt{width:280px;margin:0 auto;border:1px dashed var(--brand-primary);font:var(--type-caption)}.receipt h3{font:var(--type-h3);margin:0 0 var(--space-3);text-align:center}.receipt-row{display:flex;justify-content:space-between;gap:var(--space-3);margin:var(--space-1) 0}.denom-grid{display:grid;grid-template-columns:1fr 100px;gap:var(--space-3);align-items:center}.recovery{border:2px solid var(--brand-primary)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}@media (max-width:1439px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.setting-card{background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-height:160px}.setting-card.is-closed{opacity:.85}.ticket-list{display:flex;flex-direction:column;gap:var(--space-2)}.ticket-row{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.ctl-workspace.relative,.pos{position:relative}.ctl-auth-split{display:grid;grid-template-columns:minmax(420px,42%) 1fr;height:100%;min-height:0}.ctl-auth-brand{background:var(--brand-pale);border-inline-end:1px solid var(--brand-border);padding:var(--space-7);display:flex;flex-direction:column;justify-content:center;gap:var(--space-5)}.ctl-auth-brand .wordmark{font:700 28px/36px IBM Plex Sans Arabic,sans-serif}.ctl-auth-brand .hint{max-width:36ch}.ctl-auth-split .auth-stage{background:var(--surface-base)}.ctl-auth-split .auth-card{width:min(440px,100%);border:0;box-shadow:none}@media (min-width:2560px){.ctl-nav{width:300px}.ctl-workspace{padding:var(--space-7) var(--space-7)}}.ctl-workspace.is-editor{max-width:none;width:100%;margin-inline:0;overflow:hidden;padding:0;gap:0}.ctl-workspace.is-editor>.alert{flex-shrink:0;margin:var(--space-5) var(--space-6) 0}.ctl-workspace.is-editor .panel{scroll-margin-bottom:24px}.editor-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;direction:ltr;padding:var(--space-5) var(--space-6)}.editor-scroll .editor-layout{direction:rtl}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:var(--space-5);align-items:start;width:100%}.editor-aside,.editor-col{display:flex;flex-direction:column;gap:var(--space-4)}.editor-aside{position:sticky;top:0}.editor-aside .panel{padding:var(--space-5)}.editor-aside .panel>h3{margin:0 0 var(--space-3);font:var(--type-h3)}.new-pos-root{position:fixed;top:50%;left:50%;width:min(var(--frame-w),100vw);height:min(var(--frame-h),100dvh);min-height:0;overflow:hidden;background:var(--surface-base);direction:rtl;border-radius:var(--radius-card);box-shadow:var(--elevation);transform:translate(-50%,-50%)}.new-pos-root .new-pos-frame{width:100%;max-width:none;height:100%;border:1px solid var(--brand-border);border-radius:inherit}.new-pos-root.pos-overlay-root{position:fixed;inset:auto;top:50%;left:50%;z-index:40;width:min(var(--frame-w),100vw);height:min(var(--frame-h),100dvh);background:transparent;pointer-events:none;transform:translate(-50%,-50%)}.new-pos-root.pos-overlay-root .dialog.open{position:absolute;pointer-events:auto}@media (max-height:722px),(max-width:1280px){.new-pos-root,.new-pos-root.pos-overlay-root{width:100vw;height:100dvh;border-radius:0;box-shadow:none}.new-pos-root .new-pos-frame{border:0;border-radius:0}}.new-pos-root .hint.is-danger{color:var(--hint-urgent)}.new-pos-root .summary-stack{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-pale)}.new-pos-root .summary-row{display:flex;justify-content:space-between;gap:var(--space-4)}.new-pos-root .variance-row{display:flex;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-control);background:var(--brand-pale);color:var(--brand-primary);font-weight:700}.new-pos-root .variance-row.is-danger{background:#fff2f1;color:var(--hint-urgent)}.new-pos-root .cash-tender-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-5)}.new-pos-root .cash-tender-keypad,.new-pos-root .cash-tender-summary,.new-pos-root .payment-state-card{display:flex;flex-direction:column;gap:var(--space-4)}.new-pos-root .receipt-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);max-height:min(62dvh,680px);overflow:auto}.new-pos-root .receipt-layout .receipt{width:min(420px,100%);margin-inline:auto}.new-pos-root .cash-tender-keypad .dialog-actions{margin-top:auto}.new-pos-root .payment-state-card{align-items:center;text-align:center}.new-pos-root .payment-icon,.new-pos-root .payment-state-card .ring{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--brand-pale);color:var(--brand-primary)}@media (max-width:800px){.new-pos-root .cash-tender-layout{grid-template-columns:1fr}}.new-pos-root .pos-status{min-height:62px}.new-pos-root .cart-lines,.new-pos-root .catalogue,.new-pos-root .pos-stage{scrollbar-width:thin;scrollbar-color:var(--brand-primary) transparent}.new-pos-root .cart-lines::-webkit-scrollbar,.new-pos-root .catalogue::-webkit-scrollbar,.new-pos-root .pos-stage::-webkit-scrollbar{width:8px}.new-pos-root .cart-lines::-webkit-scrollbar-thumb,.new-pos-root .catalogue::-webkit-scrollbar-thumb,.new-pos-root .pos-stage::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:99px}.new-pos-root .status-pills{flex-wrap:nowrap}.new-pos-root .pos-message{margin:var(--space-3) var(--space-4) 0}.new-pos-root .empty-state{flex:1;min-height:240px;display:grid;place-items:center;text-align:center;padding:var(--space-6)}.new-pos-root .empty-state>div{max-width:480px}.new-pos-root .empty-state i{font-size:44px;color:var(--brand-light)}.new-pos-root .busy-shield{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-base) 74%,transparent)}.new-pos-root .cashier-switch-list{display:grid;gap:var(--space-2);margin-block:var(--space-4)}.new-pos-root .cashier-switch-list button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.new-pos-root .cashier-switch-list button:hover,.new-pos-root .cashier-switch-list button[aria-pressed=true]{border-color:var(--brand-primary);background:var(--brand-pale)}.new-pos-root .pin-row{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-4) 0}.new-pos-root .pin-dot{width:16px;height:16px;border:2px solid var(--brand-primary);border-radius:50%}.new-pos-root .pin-dot.is-filled{background:var(--brand-primary)}.new-pos-root .keypad{grid-template-columns:repeat(3,minmax(0,1fr))}.new-pos-root .keypad button{min-height:54px}.new-pos-root .user-switch-card .keypad button{display:grid;place-items:center;padding:0;line-height:1}.new-pos-root .user-switch-card .keypad-action svg{display:block;width:24px;height:24px;margin:0}.new-pos-root .operator-login-action{min-width:128px}.new-pos-root .operator-drawer-required{display:grid;justify-items:start;gap:14px}.new-pos-root .operator-drawer-required>svg{color:var(--green)}.new-pos-root .operator-drawer-required .dialog-actions{width:100%;margin-top:4px}.new-pos-root .pane-scroll{flex:1;min-height:0;overflow:auto;padding:var(--space-4)}.new-pos-root .module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.new-pos-root .module-card{min-height:124px;padding:var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.new-pos-root .module-card h3,.new-pos-root .module-card p{margin:0}.new-pos-root .module-card h3{margin-bottom:var(--space-2);font:var(--type-h3)}.new-pos-root .module-card .num{display:block;margin-top:var(--space-3);font:700 22px/30px IBM Plex Sans Arabic,sans-serif}.new-pos-root .auth-stage{width:100%;height:100%}.new-pos-root .auth-card{width:min(460px,calc(100% - 32px))}@media (max-width:1100px){.new-pos-root .status-pills .badge:nth-of-type(n+3){display:none}.new-pos-root .cart{width:330px}.new-pos-root .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.new-pos-root.pos-overlay-root{display:grid;place-items:center;padding:var(--space-5);background:color-mix(in srgb,var(--brand-deep) 42%,transparent)}.new-pos-root.pos-overlay-root>.dialog-card{position:relative;pointer-events:auto;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto}.new-pos-root .dialog-heading,.new-pos-root .recovery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.new-pos-root .auth-card .wordmark,.new-pos-root .dialog-heading .wordmark,.new-pos-root .recovery-heading h3{margin:0}.new-pos-root .dialog-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:var(--space-4) 0}.new-pos-root .auth-form,.new-pos-root .dialog-body,.new-pos-root .recovery-body,.new-pos-root .setup-stack{display:flex;flex-direction:column;gap:var(--space-3)}.new-pos-root .approval-keypad{display:grid}.new-pos-root .pin-dot.is-on{background:var(--brand-primary)}.new-pos-root .auth-stage{min-height:0;overflow:auto;padding:var(--space-5)}.new-pos-root .auth-card{width:min(520px,100%)}.new-pos-root .setup-stack{width:min(720px,100%)}.new-pos-root .setup-stack .auth-card,.new-pos-root .terminal-register-card{width:100%}.new-pos-root .terminal-register-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:var(--space-2)}.new-pos-root .auth-notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-control);background:#fff2f1}.new-pos-root .auth-notice.is-success,.new-pos-root .hint.is-success{color:var(--brand-primary);background:var(--brand-pale)}.new-pos-root .check-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control)}.new-pos-root .check-row.is-on{border-color:var(--brand-primary);background:var(--brand-pale)}.new-pos-root .inventory-desk,.new-pos-root .inventory-detail,.new-pos-root .inventory-main-card{overflow:hidden}.new-pos-root .inventory-main-card .alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.new-pos-root .inventory-main-card .alert .btn{flex-shrink:0}.new-pos-root .inventory-list{padding-inline-end:2px}.new-pos-root .inventory-scan{border:0;background:var(--brand-primary);color:var(--text-on-primary)}.new-pos-root .inventory-thumb-fallback{display:grid;place-items:center;color:var(--brand-primary)}.new-pos-root .inventory-thumb-fallback svg{width:24px;height:24px}.new-pos-root .inv-row>.line-main,.new-pos-root .inv-row>.line-main>span{display:block}.new-pos-root .inventory-detail .inv-actions .btn:disabled{opacity:.48;cursor:not-allowed}.new-pos-root .inventory-detail .inv-form{overflow:auto}.new-pos-root .inventory-manager-dialog{z-index:18}.new-pos-root .inventory-pin-card{width:min(460px,100%)}.new-pos-root .inventory-pin-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.new-pos-root .inventory-pin-keypad button{min-height:54px;border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);color:var(--brand-deep);font:700 18px/1 IBM Plex Sans Arabic,sans-serif}.new-pos-root .inventory-pin-keypad button:hover:not(:disabled){border-color:var(--brand-primary);background:var(--brand-pale)}.new-pos-root .inventory-pin-keypad button:disabled{opacity:.45}.new-pos-root .alert.is-success{border-color:var(--brand-border);background:var(--brand-pale);color:var(--brand-primary)}@media (max-width:1100px){.new-pos-root .inventory-desk{grid-template-columns:minmax(0,1fr) 310px}}.new-pos-root .check-row>input{width:22px;height:22px;margin-top:2px}.new-pos-root .check-row>span{display:grid;gap:2px}.new-pos-root .setup-device-note{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-pale);color:var(--brand-primary)}.new-pos-root .setup-progress{display:flex;flex-wrap:wrap;gap:var(--space-2)}.new-pos-root .setup-progress>span{padding:6px 10px;border:1px solid var(--brand-border);border-radius:999px;color:var(--text-muted)}.new-pos-root .setup-progress>.is-done,.new-pos-root .setup-progress>.is-on{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-pale)}.new-pos-root .setup-summary{display:grid;gap:var(--space-2);margin:0}.new-pos-root .setup-summary>div{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control)}.new-pos-root .setup-summary dd,.new-pos-root .setup-summary dt{margin:0}.new-pos-root .recovery-card{width:min(640px,100%);padding:var(--space-5)}.new-pos-root .recovery-records{display:grid;gap:var(--space-3);max-height:44dvh;overflow:auto}.new-pos-root .recovery-records .module-card{min-height:0}.new-pos-root .recovery-heading svg{flex:0 0 auto;color:var(--hint-urgent)}.new-pos-root textarea{min-height:96px;resize:vertical}@media (max-width:760px){.new-pos-root .terminal-register-form{grid-template-columns:1fr}}.new-pos-root .product-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--brand-primary)}.new-pos-root .badge svg,.new-pos-root .icon-btn svg,.new-pos-root .mark-tile svg,.new-pos-root .product-fallback svg,.new-pos-root .product-qty svg,.new-pos-root .rail-btn svg{width:20px;height:20px}.new-pos-root .pos-cart-customer{display:flex;width:100%;align-items:center;gap:var(--space-2);border:0;border-bottom:1px solid var(--brand-border);color:var(--brand-deep);text-align:start;cursor:pointer}.new-pos-root .cart-foot{display:grid;gap:var(--space-2);border-top:1px solid var(--brand-border)}.new-pos-root .catalogue-alert,.new-pos-root .discount-applied,.new-pos-root .discount-entry,.new-pos-root .pay-choice{display:flex;align-items:center;gap:var(--space-2)}.new-pos-root .discount-entry input{flex:1;min-width:0;min-height:var(--target-pos);padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.new-pos-root .discount-applied{padding:var(--space-2);border-radius:var(--radius-control);background:var(--brand-pale)}.new-pos-root .discount-applied bdi,.new-pos-root .pay-choice .btn{flex:1}.new-pos-root .cart-status{margin:0;padding:var(--space-1) var(--space-3);font:var(--type-caption);border-bottom:1px solid var(--brand-border)}.new-pos-root .catalogue-alert{margin:0 var(--space-4) var(--space-2);justify-content:space-between}.new-pos-root .catalogue-busy{margin:0 var(--space-4) var(--space-2);padding:var(--space-3);border:1px solid var(--brand-primary);border-radius:var(--radius-control);background:var(--brand-pale);font-weight:700}.new-pos-root .release-payment{margin:0 var(--space-4) var(--space-2);width:calc(100% - (var(--space-4) * 2))}.new-pos-root .scan-button{width:var(--target-pos);height:var(--target-pos);background:var(--brand-primary);color:var(--text-on-primary)}.new-pos-root .line .mark-tile.sm{width:38px;height:38px}.new-pos-root .cart-tab-close svg,.new-pos-root .line-delete svg{width:18px;height:18px}.new-pos-root .cart-tab-close{display:inline-grid}.new-pos-root .cart-tab-main{flex:1;min-width:0;min-height:var(--target-pos);border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.new-pos-root .cart-tab-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-pos-root .cart-tab-main{flex-wrap:wrap;line-height:1.1}.new-pos-root .cart-tab-active{display:inline-flex;align-items:center;gap:3px;color:var(--brand-primary);font:var(--type-caption);white-space:nowrap}.new-pos-root .cart-tab-active svg{width:8px;height:8px}.new-pos-root .pay-card--checkout .field-shell>svg{width:22px;height:22px;margin-inline:10px;color:var(--brand-primary);flex-shrink:0}.new-pos-root .pay-method-icon svg{width:22px;height:22px;color:var(--brand-primary)}.new-pos-root .pay-method:disabled{opacity:.48;cursor:not-allowed}.new-pos-root .checkout-customer-actions,.new-pos-root .checkout-discount-status{display:flex;align-items:center;gap:var(--space-2)}.new-pos-root .checkout-customer-actions .hint,.new-pos-root .checkout-discount-status .hint{flex:1;margin:0}@media (max-width:860px){.new-pos-root .brand-lockup .hint,.new-pos-root .status-pills .badge{display:none}.new-pos-root .cart{width:300px}.new-pos-root .grid,.new-pos-root .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.is-editor .field{gap:var(--space-2)}.is-editor .field label{font:500 14px/22px IBM Plex Sans Arabic,sans-serif}.is-editor .field input,.is-editor .field select,.is-editor .field textarea{min-height:var(--target-ctl);width:100%}.is-editor .field input::placeholder,.is-editor .field textarea::placeholder{color:var(--brand-deep);opacity:.4}.is-editor #p-name{font:500 16px/24px IBM Plex Sans Arabic,sans-serif;min-height:48px}.is-editor .field textarea{min-height:120px}.field-help{margin:0;font:var(--type-caption);color:var(--brand-deep);opacity:.72}.field-stack{display:flex;flex-direction:column;gap:var(--space-4)}.field-affix{display:flex;align-items:stretch;min-height:var(--target-ctl);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);overflow:hidden}.field-affix:focus-within{border-color:var(--brand-primary);border-width:2px}.field-affix input{flex:1;min-width:0;min-height:calc(var(--target-ctl) - 2px);border:0;border-radius:0;background:transparent;padding:0 var(--space-3)}.field-affix input:focus{border:0;outline:none}.field-affix span{display:flex;align-items:center;padding:0 var(--space-3);background:var(--brand-pale);border-inline-start:1px solid var(--brand-border);font:500 14px/22px IBM Plex Sans Arabic,sans-serif;white-space:nowrap}.editor-preview-photo{width:100%;aspect-ratio:4/3;object-fit:cover;overflow:hidden;border-radius:var(--radius-control);border:1px solid var(--brand-border);background:var(--brand-pale)}.editor-preview-photo img{width:100%;height:100%;object-fit:cover;display:block;border:0;aspect-ratio:auto}.editor-preview-photo.is-empty{display:grid;place-items:center;color:var(--brand-primary);font-size:40px}.choice-grid,.editor-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.editor-choice-col{display:flex;flex-direction:column;gap:var(--space-2)}.editor-choice{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--target-ctl);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base);cursor:pointer;text-align:start;transition:border-color var(--motion),background-color var(--motion)}.editor-choice:hover{border-color:var(--brand-primary)}.editor-choice.is-on,.editor-choice:has(input:checked){border-color:var(--brand-primary);background:var(--brand-pale)}.editor-choice input{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--brand-primary)}.editor-choice strong{display:block;font:500 14px/22px IBM Plex Sans Arabic,sans-serif}.editor-choice .field-help{margin-top:var(--space-1)}.photo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:100%;min-height:120px;margin-top:var(--space-3);padding:var(--space-5);border:1px dashed var(--brand-primary);border-radius:var(--radius-control);background:var(--brand-pale);color:var(--brand-deep);cursor:pointer;text-align:center}.photo-drop i{font-size:28px;color:var(--brand-primary)}.photo-drop:focus-visible,.photo-drop:hover{background:var(--surface-base);outline:2px solid var(--brand-primary);outline-offset:2px}.photo-grid:not([hidden])+.photo-drop{min-height:var(--target-ctl);flex-direction:row;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.is-editor .table input{min-height:var(--target-ctl);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}.is-editor .table .field-affix input{border:0;min-height:calc(var(--target-ctl) - 2px)}.is-editor .table .field-affix{min-width:140px}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.photo-add,.photo-tile{position:relative;aspect-ratio:1;border:1px solid var(--brand-border);border-radius:var(--radius-control);overflow:hidden;background:var(--brand-pale);padding:0;cursor:pointer;font:inherit;color:inherit}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-tile.is-primary{border-width:2px;border-color:var(--brand-primary)}.photo-tile .photo-x{position:absolute;inset-block-start:6px;inset-inline-start:6px;width:32px;height:32px;min-height:32px;border:0;border-radius:8px;background:var(--surface-base);color:var(--brand-deep);cursor:pointer}.photo-add{display:grid;place-items:center;gap:var(--space-1);border-style:dashed;color:var(--brand-primary)}.photo-lib-kicker{margin:var(--space-4) 0 var(--space-2);font:500 14px/22px IBM Plex Sans Arabic,sans-serif;color:var(--brand-deep)}.photo-lib-kicker:first-of-type{margin-top:var(--space-3)}.photo-lib{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.photo-lib:empty{display:none}.photo-lib button,.photo-lib-tile{aspect-ratio:auto;padding:0;border:1px solid var(--brand-border);border-radius:var(--radius-control);overflow:hidden;cursor:pointer;background:var(--surface-base);display:flex;flex-direction:column;text-align:start;color:inherit;font:inherit}.photo-lib img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;display:block;background:var(--brand-pale)}.photo-lib-tile span{padding:var(--space-2) var(--space-3);font:var(--type-caption);color:var(--brand-deep)}.mod-card{border:1px solid var(--brand-border);border-radius:var(--radius-control);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.mod-opt{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(120px,.6fr) auto auto;gap:var(--space-2);align-items:end}.conv-legend{display:flex;flex-wrap:wrap;gap:var(--space-2)}.conv-legend span{min-height:32px;padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:999px;display:inline-flex;align-items:center;font:500 14px/22px IBM Plex Sans Arabic,sans-serif;background:var(--brand-pale)}.prod-cell{display:flex;align-items:center;gap:var(--space-3)}.prod-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--brand-border);background:var(--brand-pale);flex-shrink:0}.prod-thumb.is-empty{display:grid;place-items:center;color:var(--brand-primary)}.editor-bar{flex-shrink:0;z-index:2;margin:0;background:var(--surface-base);border:0;border-top:1px solid var(--brand-border);border-radius:0;padding:var(--space-3) var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:flex-end}.editor-bar .hint{margin-inline-end:auto;margin-inline-start:0}.crumb-link{color:var(--brand-primary);text-decoration:none}.crumb-link:hover{text-decoration:underline}@media (max-width:1439px){.editor-layout{grid-template-columns:1fr}.editor-aside{position:static}.photo-grid,.photo-lib{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-choice-row{grid-template-columns:1fr}}.ctl-rpt-toolbar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.ctl-rpt-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ctl-rpt-toolbar-row .btn{min-height:var(--target-ctl);margin-inline-start:auto}.ctl-rpt-custom{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.ctl-rpt-custom[hidden]{display:none}#acc-branch[hidden],#acc-period-bar[hidden],.ctl-acc-pane[hidden]{display:none!important}.ctl-rpt-custom .field input{min-height:var(--target-ctl);min-width:11rem}.ctl-filters button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ctl-rpt-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.ctl-rpt-grid>.panel{min-width:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.ctl-rpt-svg{width:100%;height:220px;display:block}.ctl-rpt-gridlines line{stroke:var(--brand-border);stroke-width:1}.ctl-rpt-area{fill:var(--brand-pale)}.ctl-rpt-line{fill:none;stroke:var(--brand-primary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.ctl-rpt-dots circle{fill:var(--surface-base);stroke:var(--brand-deep);stroke-width:2}.ctl-rpt-xlabels text{fill:var(--brand-deep);font:400 11px/16px IBM Plex Sans Arabic,sans-serif;text-anchor:middle}.ctl-rpt-bars{gap:var(--space-3)}.ctl-rpt-bar-row,.ctl-rpt-bars{display:flex;flex-direction:column}.ctl-rpt-bar-row{gap:var(--space-1)}.ctl-rpt-bar-meta{display:flex;justify-content:space-between;gap:var(--space-3);align-items:baseline}.ctl-rpt-bar-meta strong{font:500 14px/22px IBM Plex Sans Arabic,sans-serif;flex-shrink:0}.ctl-rpt-bar-track{height:12px;border-radius:var(--radius-micro);background:var(--brand-pale);overflow:hidden}.ctl-rpt-bar-fill{display:block;height:100%;background:var(--brand-primary);border-radius:var(--radius-micro);transition:width var(--motion)}.ctl-rpt-bar-fill.is-alt{background:repeating-linear-gradient(-45deg,var(--brand-deep),var(--brand-deep) 4px,var(--brand-primary) 4px,var(--brand-primary) 8px)}.ctl-rpt-bar-fill.is-hatch{background:repeating-linear-gradient(-45deg,var(--brand-border),var(--brand-border) 4px,var(--brand-pale) 4px,var(--brand-pale) 8px)}.ctl-rpt-stack{display:flex;height:14px;border-radius:var(--radius-micro);overflow:hidden;background:var(--brand-pale)}.ctl-rpt-stack>span{height:100%}.ctl-rpt-stack .is-store{background:var(--brand-primary)}.ctl-rpt-stack .is-pick{background:var(--brand-light)}.ctl-rpt-stack .is-del{background:var(--brand-deep)}.ctl-rpt-stack .is-ecom{background:repeating-linear-gradient(-45deg,var(--brand-border),var(--brand-border) 3px,var(--brand-pale) 3px,var(--brand-pale) 6px)}.ctl-rpt-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font:var(--type-caption)}.ctl-rpt-legend>span{display:inline-flex;align-items:center;gap:var(--space-1)}.rpt-dot.is-store{background:var(--brand-primary)}.rpt-dot.is-pick{background:var(--brand-light)}.rpt-dot.is-del{background:var(--brand-deep)}.rpt-dot.is-ecom{background:repeating-linear-gradient(-45deg,var(--brand-border),var(--brand-border) 2px,var(--brand-pale) 2px,var(--brand-pale) 4px)}.ctl-rpt-empty{margin:0;font:var(--type-body);color:var(--brand-deep)}.ctl-rpt-locked{display:flex;flex-direction:column;gap:var(--space-3)}.ctl-rpt-locked>i{font-size:28px;color:var(--brand-primary)}.ctl-rpt-locked p{margin:0}.panel.is-locked{background:var(--brand-pale)}@media (max-width:1399px){.ctl-rpt-grid{grid-template-columns:1fr}}.ctl-set-bar{display:flex;flex-wrap:wrap;gap:0;background:var(--surface-base);border:1px solid var(--brand-border);border-radius:var(--radius-control);padding:0 var(--space-2)}.ctl-set-bar button{min-height:var(--target-ctl);padding:0 var(--space-4);border:none;border-bottom:3px solid transparent;background:transparent;color:var(--brand-deep);font:500 14px/22px IBM Plex Sans Arabic,sans-serif;cursor:pointer;transition:color var(--motion),border-color var(--motion),background-color var(--motion)}.ctl-set-bar button:hover{background:var(--brand-pale)}.ctl-set-bar button[aria-pressed=true]{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.ctl-set-bar button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ctl-set-pane{flex:1 1 auto;overflow:auto;padding-bottom:var(--space-5)}.ctl-set-stack{width:min(1040px,100%);display:flex;flex-direction:column;gap:var(--space-4)}.ctl-set-stack>.panel{margin:0}.ctl-set-stack .panel-head{margin-bottom:var(--space-3)}.ctl-set-stack .btn{min-height:var(--target-ctl)}.ctl-set-preview{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);background:var(--brand-pale);border-radius:var(--radius-control)}.ctl-set-rows{display:flex;flex-direction:column;gap:var(--space-2)}.ctl-set-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--target-ctl);padding:var(--space-3) var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-control)}.ctl-set-row i{font-size:22px;color:var(--brand-primary);flex-shrink:0}.ctl-set-row>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ctl-set-save{position:sticky;bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0 var(--space-2);background:var(--surface-base);border-top:1px solid var(--brand-border);z-index:1}.ctl-set-save .hint{margin:0}.ctl-set-plan-name{margin:0 0 var(--space-2);font:var(--type-display);color:var(--brand-deep)}.ctl-set-plan-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.ctl-set-feat{margin:0;padding:0;list-style:none;flex-direction:column}.ctl-set-feat,.ctl-set-feat li{display:flex;gap:var(--space-3)}.ctl-set-feat li{align-items:flex-start;min-height:24px}.ctl-set-feat i{color:var(--brand-primary);font-size:20px;flex-shrink:0}.ctl-set-feat.is-off i{color:var(--brand-deep)}.ctl-set-stack .check-row+.check-row{margin-top:var(--space-2)}.ctl-set-stack .check-row+.field{margin-top:var(--space-3)}.ctl-acc-stmt{width:100%}.ctl-acc-stmt td:last-child,.ctl-acc-stmt th:last-child{width:1%;white-space:nowrap}.ctl-acc-stmt tr.is-indent td:first-child{padding-inline-start:36px}.ctl-acc-stmt tr.is-sub td{font-weight:500}.ctl-acc-stmt tr.is-total td{font-weight:700;background:var(--brand-pale);border-top:1px solid var(--brand-primary)}.ctl-acc-bs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.ctl-acc-bs-col{min-width:0}.ctl-acc-bs-col h3{margin:0 0 var(--space-3);font:700 16px/24px IBM Plex Sans Arabic,sans-serif;color:var(--brand-deep)}.ctl-acc-bs-col h3:not(:first-child){margin-top:var(--space-4)}.ctl-acc-bs-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);border-bottom:1px solid var(--brand-border)}.ctl-acc-bs-total{margin-top:var(--space-2);background:var(--brand-pale);border-radius:var(--radius-control)}.ctl-acc-bs-total .ctl-acc-bs-line{min-height:var(--target-ctl);border-bottom:0;font-weight:700}.ctl-acc-map{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.ctl-acc-j-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ctl-acc-j-list li{min-height:var(--target-ctl);display:flex;align-items:center;padding:0 var(--space-3);border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--surface-base)}@media (max-width:1100px){.ctl-acc-bs,.ctl-acc-map{grid-template-columns:1fr}}