:root{--font-ui: "Vazirmatn Variable", "Vazirmatn", system-ui, "Segoe UI", Tahoma, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body:has(.shell){overflow:hidden}body{margin:0;background:var(--color-ground);color:var(--color-ink);font-size:var(--text-body)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}*{scrollbar-color:var(--color-line-strong) transparent;scrollbar-width:thin}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.code{font-family:var(--font-code);direction:ltr;unicode-bidi:isolate;font-size:var(--text-body-sm);letter-spacing:.02em}.muted{color:var(--color-ink-muted)}.faint{color:var(--color-ink-faint)}.btn{font:600 var(--text-title) / 1 var(--font-ui);height:var(--target-primary);padding:0 var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.btn:active:not([disabled]){transform:scale(.98)}.btn svg{width:22px;height:22px;flex:none}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-ink);color:var(--color-on-ink)}.btn-primary:active:not([disabled]){background:color-mix(in oklab,var(--color-ink) 80%,var(--color-ground))}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-line-strong);height:var(--target-min);padding:0 var(--space-5);font-size:var(--text-body);font-weight:600}.btn-secondary:active:not([disabled]){background:var(--color-surface-sunken)}.btn-quiet{background:transparent;color:var(--color-ink-muted);height:var(--target-min);padding:0 var(--space-3);font-size:var(--text-body);font-weight:600}.btn-quiet:active:not([disabled]){background:var(--color-surface-sunken)}.btn-danger{background:var(--color-danger);color:#fff}@media(hover:hover)and (pointer:fine){.btn-primary:hover:not([disabled]){background:color-mix(in oklab,var(--color-ink) 88%,var(--color-ground))}.btn-secondary:hover:not([disabled]){border-color:var(--color-ink-muted)}.btn-quiet:hover:not([disabled]){color:var(--color-ink);background:var(--color-surface-sunken)}}.spinner{width:18px;height:18px;border-radius:var(--radius-full);border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.tag{display:inline-flex;align-items:center;gap:6px;font:500 var(--text-label) / 1 var(--font-ui);padding:5px 10px;border-radius:var(--radius-sm);white-space:nowrap;color:var(--color-ink-muted);background:var(--color-surface-sunken)}.tag svg{width:16px;height:16px}.tag.live,.tag.ok{color:var(--color-success);background:var(--color-success-wash)}.tag.attention{color:var(--color-attention);background:var(--color-attention-wash)}.tag.danger{color:var(--color-danger);background:var(--color-danger-wash)}.tag.info{color:var(--color-info);background:var(--color-info-wash)}.live-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;flex:none}.pill{display:inline-flex;align-items:center;gap:var(--space-2);font:500 var(--text-label) / 1 var(--font-ui);padding:6px 10px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-ink);white-space:nowrap}.pill:before{content:"";width:3px;height:14px;border-radius:var(--radius-xs);background:var(--pill, var(--color-ink-faint))}.pill[data-status=in_stock]{--pill: var(--color-status-showcase)}.pill[data-status=sold]{--pill: var(--color-status-sold)}.pill[data-status=missing]{--pill: var(--color-status-missing)}.pill[data-status=reserved]{--pill: var(--color-attention)}.pill[data-status=returned_to_supplier]{--pill: var(--color-ink-faint)}.pill[data-status=pending]{--pill: var(--color-gold)}.field{display:grid;gap:var(--space-2);align-content:start;min-width:0}.field>label,.field>.label{font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-muted);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.input{display:flex;align-items:center;min-width:0;height:var(--target-primary);border:1px solid var(--color-line-strong);background:var(--color-surface);border-radius:var(--radius-md);padding-inline:var(--space-4);gap:var(--space-2);transition:border-color var(--dur-fast) var(--ease-standard)}.input input,.input select{all:unset;flex:1;min-width:0;height:100%;font:500 var(--text-body-lg) / 1 var(--font-ui);color:var(--color-ink);font-variant-numeric:tabular-nums}.input select{cursor:pointer;height:auto;align-self:center;line-height:1.5}.input input::placeholder{color:var(--color-ink-faint);font-weight:400}.input:focus-within{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.input .unit{color:var(--color-ink-faint);font-size:var(--text-label);white-space:nowrap}.input svg{width:20px;height:20px;color:var(--color-ink-faint);flex:none}.field.error .input{border-color:var(--color-danger)}.field .msg{font-size:var(--text-label);line-height:1.45;color:var(--color-danger)}.field .hint{font-size:var(--text-label);line-height:1.45;color:var(--color-ink-faint)}.field.readonly .input{background:var(--color-surface-sunken);border-color:transparent}.src{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-success);white-space:nowrap}.src.manual{color:var(--color-attention)}.seg{display:inline-flex;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);width:100%}.seg button{all:unset;flex:1;text-align:center;height:calc(var(--target-primary) - 2px);padding:0 var(--space-4);font:500 var(--text-body) / calc(var(--target-primary) - 2px) var(--font-ui);color:var(--color-ink-muted);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.seg button+button{border-inline-start:1px solid var(--color-line)}.seg button[aria-pressed=true]{background:var(--color-ink);color:var(--color-on-ink)}.seg button:focus-visible{box-shadow:inset 0 0 0 2px var(--color-focus);border-radius:0}.switch{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);cursor:pointer;font:500 var(--text-body) / 1 var(--font-ui);color:var(--color-ink-muted);-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:40px;height:24px;border-radius:var(--radius-full);background:var(--color-line-strong);position:relative;transition:background-color var(--dur-fast) var(--ease-standard);flex:none}.switch .track:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-surface);transition:transform var(--dur-fast) var(--ease-out)}.switch input:checked+.track{background:var(--color-ink)}.switch input:checked+.track:after{transform:translate(-16px)}:root[dir=ltr] .switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{box-shadow:var(--focus-ring)}.rate-row{display:flex;align-items:baseline;gap:var(--space-3);min-height:var(--row-comfortable);padding:var(--space-3) var(--space-4);transition:background-color .6s var(--ease-out)}.rate-row+.rate-row{border-block-start:1px solid var(--color-line)}.rate-row .label{font:500 var(--text-body) / var(--leading-snug) var(--font-ui);color:var(--color-ink-muted);white-space:nowrap}.rate-row .leader{flex:1;align-self:center;border-block-end:2px dotted var(--color-line);min-width:var(--space-6);transform:translateY(4px)}.rate-row .value{font:600 var(--text-body-lg) / var(--leading-tight) var(--font-ui);color:var(--color-ink)}.rate-row .value.gold{color:var(--color-gold)}.rate-row .unit{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-ink-faint);white-space:nowrap}.rate-row.flash{background:var(--color-gold-wash);transition:none}.rate-row.stale .value.gold{color:var(--color-gold-stale)}[data-roll]{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap}.digit{display:inline-block;overflow:hidden;vertical-align:bottom;height:1.25em}.digit>span{display:block}.shell{display:grid;grid-template-columns:88px minmax(0,1fr);height:100%}.rail{background:var(--color-surface);border-inline-end:1px solid var(--color-line);display:flex;flex-direction:column;padding:var(--space-3) var(--space-2);gap:var(--space-2);z-index:var(--z-rail)}.rail .brand{font:700 var(--text-title) / 1 var(--font-ui);text-align:center;padding-block:var(--space-3) var(--space-4);color:var(--color-ink)}.rail a,.rail button{all:unset;display:grid;justify-items:center;align-content:center;gap:4px;min-height:64px;padding:var(--space-2) 0;border-radius:var(--radius-md);color:var(--color-ink-muted);font:500 13px / 1.3 var(--font-ui);text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.rail a svg,.rail button svg{width:26px;height:26px}.rail a[aria-current=page]{background:var(--color-ink);color:var(--color-on-ink)}.rail a:focus-visible,.rail button:focus-visible{box-shadow:var(--focus-ring)}.rail .spacer{flex:1}@media(hover:hover)and (pointer:fine){.rail a:not([aria-current=page]):hover,.rail button:hover{background:var(--color-surface-sunken);color:var(--color-ink)}}.main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:var(--space-5);padding:0 var(--space-6);min-height:72px;border-block-end:1px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap}.topbar h1{font:700 var(--text-headline) / var(--leading-snug) var(--font-ui)}.topbar .spacer{flex:1}.topbar .who{font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-muted);text-align:end}.bar-rate{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color .6s var(--ease-out)}.bar-rate.flash{background:var(--color-gold-wash);transition:none}.bar-rate .label{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-ink-muted)}.bar-rate .value{font:600 var(--text-title) / 1 var(--font-ui);color:var(--color-gold)}.bar-rate.stale .value{color:var(--color-gold-stale)}.bar-rate .unit{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-ink-faint)}.devices{display:flex;gap:var(--space-2);flex-wrap:wrap}.screen{overflow:auto;min-height:0}.login{min-height:100%;display:grid;place-items:center;padding:var(--space-8) var(--space-4)}.login form{width:min(420px,100%);display:grid;gap:var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-8)}.login h1{font:700 var(--text-headline) / var(--leading-snug) var(--font-ui)}.login .lede{color:var(--color-ink-muted);margin-block-start:calc(var(--space-3) * -1)}.login .btn-primary{width:100%}.banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm);line-height:1.6;background:var(--color-surface-sunken);color:var(--color-ink)}.banner svg{width:22px;height:22px;flex:none;margin-block-start:1px}.banner.danger{background:var(--color-danger-wash)}.banner.danger svg{color:var(--color-danger)}.banner.attention{background:var(--color-attention-wash)}.banner.attention svg{color:var(--color-attention)}.banner.info{background:var(--color-info-wash)}.banner.info svg{color:var(--color-info)}.center-state{display:grid;place-items:center;align-content:center;gap:var(--space-4);min-height:100%;padding:var(--space-8);text-align:center;color:var(--color-ink-muted)}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:0;min-width:0}.panel-h{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:60px;padding:var(--space-2) var(--space-5);border-block-end:1px solid var(--color-line)}.panel-h h2{font:600 var(--text-title) / 1.45 var(--font-ui)}.station{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.25fr);gap:var(--space-6);padding:var(--space-6);min-height:100%;align-items:start}@media(max-width:900px){.station{grid-template-columns:1fr}}.capture{display:grid;gap:var(--space-4)}.capture-body{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5)}.plate{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:var(--color-surface-sunken);overflow:hidden;display:grid;place-items:center;color:var(--color-ink-faint)}.plate video,.plate img,.plate canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.plate .plate-note{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;font-size:var(--text-body-sm);max-width:32ch}.plate .plate-note svg{width:36px;height:36px}.plate .plate-tags{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);display:flex;gap:var(--space-2)}.plate .plate-actions{position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);display:flex;gap:var(--space-2)}.plate .plate-actions .btn{background:color-mix(in oklab,var(--color-surface) 92%,transparent)}.readout{display:grid;gap:var(--space-1)}.readout .top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.readout .label{font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-muted)}.readout .figure{display:flex;align-items:baseline;gap:var(--space-2);font:600 var(--text-figure) / var(--leading-tight) var(--font-ui);color:var(--color-ink-faint);transition:color var(--dur-fast) var(--ease-standard)}.readout .figure.locked{color:var(--color-ink)}.readout .figure .unit{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-ink-faint)}.readout .tag{transition:opacity var(--dur-fast) var(--ease-standard)}.specs{border-block:1px solid var(--color-line)}.specs .rate-row{padding-inline:0;min-height:48px;padding-block:var(--space-2)}.prompt{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-sunken);color:var(--color-ink-muted);font-size:var(--text-body)}.prompt svg{width:24px;height:24px;flex:none}.form-panel{position:relative}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4);padding:var(--space-5)}.form-grid .span-2{grid-column:1 / -1}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-foot{position:sticky;inset-block-end:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-block-start:1px solid var(--color-line);border-end-start-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg);flex-wrap:wrap}.form-foot .grow{flex:1}.form-foot .btn-primary{min-width:180px}.form-idle{display:grid;gap:var(--space-3);justify-items:center;text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-ink-muted)}.form-idle svg{width:44px;height:44px;color:var(--color-ink-faint)}.form-idle h3{font:600 var(--text-title) / 1.45 var(--font-ui);color:var(--color-ink)}.form-idle p{max-width:44ch}.result{display:grid;gap:var(--space-4);padding:var(--space-5)}.result .head{display:flex;align-items:flex-start;gap:var(--space-4)}.result .head .grow{flex:1;min-width:0;display:grid;gap:var(--space-1)}.result .name{font:600 var(--text-headline) / var(--leading-snug) var(--font-ui)}.result .price{display:flex;align-items:baseline;gap:var(--space-2);font:600 var(--text-figure) / var(--leading-tight) var(--font-ui);color:var(--color-gold)}.result .price.stale{color:var(--color-gold-stale)}.result .price .unit{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-ink-faint)}.result .rows{border-block:1px solid var(--color-line)}.result .rows .rate-row{padding-inline:0;min-height:48px;padding-block:var(--space-2)}.enter{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}@starting-style{.enter{opacity:0;transform:translateY(8px)}}.thumb{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-surface-sunken);flex:none;display:grid;place-items:center;color:var(--color-ink-faint);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb svg{width:26px;height:26px}.thumb.lg{width:96px;height:96px}.recipe{font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-muted)}.recipe .sep{color:var(--color-line-strong);margin-inline:6px}.scrim{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-blocking);display:grid;align-items:end;justify-items:center;padding:var(--space-6);transition:opacity var(--dur-base) var(--ease-out)}@starting-style{.scrim{opacity:0}}.sheet{width:min(640px,100%);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:var(--space-6);display:grid;gap:var(--space-4);transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}@starting-style{.sheet{transform:translateY(24px);opacity:0}}.sheet h2{display:flex;align-items:center;gap:var(--space-3);font:700 var(--text-headline) / var(--leading-snug) var(--font-ui)}.sheet h2 svg{width:30px;height:30px;flex:none}.sheet.danger h2{color:var(--color-danger)}.sheet.attention h2{color:var(--color-attention)}.sheet .what{font-size:var(--text-body-lg);line-height:var(--leading-body)}.sheet .todo{color:var(--color-ink-muted)}.sheet .actions{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap;margin-block-start:var(--space-2)}.sheet .epcs{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-md)}.sheet .existing{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-lg)}@media(prefers-reduced-motion:reduce){@starting-style{.sheet{transform:none;opacity:0}}}.sim{border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-surface)}.sim .panel-h{min-height:52px}.sim .panel-h h2{font-size:var(--text-body-lg)}.sim-body{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5)}.sim-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:end}.sim-row .field{flex:1;min-width:140px}.sim-row .input{height:var(--target-min)}.sim-row .input input{font-size:var(--text-body)}.sim-labels{display:grid;gap:var(--space-1);max-height:220px;overflow:auto}.sim-label{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding-inline:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line)}.sim-label .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sim-label[data-on=true]{border-color:var(--color-ink)}.sim-label .btn-quiet{height:40px;font-size:var(--text-label)}.items{display:grid;gap:var(--space-4);padding:var(--space-6);align-content:start}.items-tools{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.items-tools .field{flex:1;min-width:260px;max-width:480px}.chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{all:unset;display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-line-strong);font:500 var(--text-body-sm) / 1 var(--font-ui);color:var(--color-ink-muted);background:var(--color-surface);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.chip{position:relative}.chip:after{content:"";position:absolute;inset:-4px 0}.chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-ink)}.chip:focus-visible{box-shadow:var(--focus-ring)}.item-rows{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden}.item-head,.item-row{display:grid;grid-template-columns:64px minmax(0,1fr) 100px 120px minmax(150px,auto);gap:var(--space-4);align-items:center;padding:var(--space-2) var(--space-5)}.item-head{min-height:44px;font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-faint);border-block-end:1px solid var(--color-line)}.item-row{min-height:80px}.item-row+.item-row{border-block-start:1px solid var(--color-line)}.item-row .name{font:600 var(--text-body-lg) / 1.45 var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row .code{color:var(--color-ink-muted);font-size:var(--text-label)}.item-row .price{text-align:end;display:grid;justify-items:end;gap:2px}.item-row .price .v{font:600 var(--text-body-lg) / 1.2 var(--font-ui);color:var(--color-gold)}.item-row .price.stale .v{color:var(--color-gold-stale)}.item-row .price .u{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-ink-faint)}.item-row .price .na{font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-muted)}.col-end{text-align:end}@media(max-width:900px){.item-head{display:none}.item-row{grid-template-columns:64px minmax(0,1fr) auto}.item-row .col-code{display:none}.item-row .col-status{grid-column:2}}.skeleton{background:var(--color-surface-sunken);border-radius:var(--radius-sm);height:14px}.empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--color-ink-muted);text-align:center}.empty svg{width:40px;height:40px;color:var(--color-ink-faint)}.more{display:flex;justify-content:center;padding:var(--space-4)}.toasts{position:fixed;inset-block-end:var(--space-6);inset-inline-start:50%;transform:translate(50%);z-index:var(--z-toast);display:grid;gap:var(--space-2);justify-items:center;pointer-events:none}:root[dir=ltr] .toasts{transform:translate(-50%)}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);min-height:52px;border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-on-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-body);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}@starting-style{.toast{opacity:0;transform:translateY(12px)}}.toast svg{width:22px;height:22px;flex:none}.row-actions{display:flex;gap:var(--space-1);align-items:center;justify-content:flex-end;flex-wrap:wrap}.row-actions .btn-quiet svg,.show-btn svg{width:20px;height:20px}.icon-btn{all:unset;display:inline-grid;place-items:center;width:var(--target-min);height:var(--target-min);border-radius:var(--radius-md);color:var(--color-ink-muted);cursor:pointer;flex:none;transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.icon-btn svg{width:20px;height:20px}.icon-btn:active:not([disabled]){transform:scale(.96);background:var(--color-surface-sunken)}.icon-btn:focus-visible{box-shadow:var(--focus-ring)}.icon-btn[disabled]{opacity:.4;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.icon-btn:hover:not([disabled]){background:var(--color-surface-sunken);color:var(--color-ink)}}.sheet-form{display:grid;gap:var(--space-4)}.sheet-form .hint{font-size:var(--text-label);color:var(--color-ink-faint);line-height:1.6}.sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:600px){.sheet-grid{grid-template-columns:1fr}}.rows-box{border-block:1px solid var(--color-line)}.rows-box .rate-row{padding-inline:0;min-height:48px;padding-block:var(--space-2)}.item-rows.with-show .item-head,.item-rows.with-show .item-row{grid-template-columns:64px minmax(0,1fr) 100px 120px minmax(150px,auto) auto}.show-btn[aria-pressed=true]{color:var(--color-success);background:var(--color-success-wash)}@media(max-width:900px){.item-rows.with-show .item-row{grid-template-columns:64px minmax(0,1fr) auto}}.item-head.cat-grid,.item-row.cat-grid{grid-template-columns:minmax(0,1fr) 90px auto}.item-row.cat-grid{min-height:72px}.item-row.cat-grid .name{display:flex;align-items:center;gap:var(--space-2)}.item-row[data-archived=true] .name{color:var(--color-ink-muted)}.display-admin{display:grid;gap:var(--space-6);padding:var(--space-6)}.pair-form{display:grid;gap:var(--space-4);padding:var(--space-5)}.steps{margin:0;padding-inline-start:var(--space-6);list-style:persian;display:grid;gap:var(--space-2);color:var(--color-ink-muted)}.steps .code{color:var(--color-ink)}.pair-fields{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:var(--space-4);align-items:start}.pair-fields>.btn{margin-block-start:calc(var(--text-label) * 1.45 + var(--space-2))}.pair-code input{font-size:var(--text-title);letter-spacing:.2em;text-align:center;font-family:var(--font-code)}@media(max-width:900px){.pair-fields{grid-template-columns:1fr}.pair-fields>.btn{margin:0}}.pairing-row{display:flex;align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-2) var(--space-5);flex-wrap:wrap}.pairing-row+.pairing-row{border-block-start:1px solid var(--color-line)}.pairing-row .grow{flex:1;min-width:0;display:grid;gap:2px}.pairing-row .name{font:600 var(--text-body-lg) / 1.45 var(--font-ui)}.pairing-pick{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:220px;cursor:pointer;min-height:var(--target-min)}.pairing-pick input{width:22px;height:22px;accent-color:var(--color-ink);flex:none}.sale-start{display:grid;gap:var(--space-6);padding:var(--space-6)}.sale-start .form-idle{padding-block:var(--space-10)}.sale{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,1.15fr);gap:var(--space-6);padding:var(--space-6);align-items:start;min-height:100%}@media(max-width:900px){.sale{grid-template-columns:1fr}}.sale>*,.sale-scan>*,.capture-body>*{min-width:0}.sale-scan{display:grid;gap:var(--space-4)}.scan-form .field{width:100%}.scan-card{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-4)}.scan-top{display:flex;gap:var(--space-4);align-items:center}.scan-top>div{min-width:0}.item-name{font:600 var(--text-title) / 1.45 var(--font-ui)}.scan-card{grid-template-columns:minmax(0,1fr)}.scan-price-row{padding:0;min-height:0;border-block:1px solid var(--color-line);padding-block:var(--space-3)}.scan-price-row .value{font-size:var(--text-figure)}.scan-actions{display:flex;gap:var(--space-3)}.scan-actions .btn-primary{flex:1}.picker{display:grid;gap:var(--space-2)}.picker .input input{font-size:var(--text-body)}.picker-list{display:grid;gap:var(--space-1);max-height:320px;overflow:auto}.picker-row{all:unset;display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.picker-row .grow{flex:1;min-width:0;display:grid;gap:2px}.picker-row .name{font:600 var(--text-body) / 1.45 var(--font-ui)}.picker-row .thumb{width:48px;height:48px;border-radius:var(--radius-md)}.picker-row:focus-visible{box-shadow:var(--focus-ring)}.picker-row:active:not([disabled]){background:var(--color-surface-sunken)}.picker-row[disabled]{opacity:.5;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.picker-row:hover:not([disabled]){background:var(--color-surface-sunken)}}.sale-invoice{position:sticky;inset-block-start:0}.customer-row,.customer-edit{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);min-height:60px;border-block-end:1px solid var(--color-line)}.customer-row .grow{flex:1;display:flex;gap:var(--space-3);align-items:baseline;min-width:0}.customer-row .name{font-weight:600}.customer-edit{display:grid;padding-block:var(--space-3)}.lines{min-height:120px}.line{display:flex;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);border-block-end:1px solid var(--color-line)}.line .grow{flex:1;min-width:0}.line .item-name{font-size:var(--text-body-lg)}.line .price{font:600 var(--text-body-lg) / 1 var(--font-ui);color:var(--color-ink)}.line .price.stale{color:var(--color-ink-muted)}.line-price{display:grid;justify-items:end;gap:var(--space-1)}.line-discount{font:500 var(--text-label) / 1.2 var(--font-ui);color:var(--color-success);white-space:nowrap}.line-discount s{color:var(--color-ink-faint)}.rate-row.discount .value{color:var(--color-success)}.discount-action{display:flex;justify-content:flex-start;padding:var(--space-2) var(--space-4) 0}.totals .rate-row{min-height:48px;padding-block:var(--space-2)}.totals .rate-row .value{font-size:var(--text-body-lg)}.rate-row.grand{border-block-start:2px solid var(--color-gold-fill)!important}.rate-row.grand .value{font-size:var(--text-figure-lg);color:var(--color-ink)}.rate-row.unbalanced .value{color:var(--color-attention)}.ok-icon{width:22px;height:22px;color:var(--color-success);align-self:center}.sale-foot{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--color-line)}.split-rows{display:grid;gap:var(--space-3)}.split-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}.split-rows .rate-row{padding-inline:0}.pos-panel{display:grid;gap:var(--space-3)}.pos-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--target-min)}.label-strong{display:inline-flex;align-items:center;gap:var(--space-2);font:600 var(--text-body) / 1.45 var(--font-ui)}.label-strong svg{width:22px;height:22px}.pos-terminal{height:var(--target-min);max-width:280px}.pos-terminal select{font-size:var(--text-body)}.pos-row,.pos-waiting{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.pos-row>svg{width:24px;height:24px;flex:none}.pos-row .grow,.pos-waiting .grow{flex:1;min-width:0;display:grid;gap:2px}.pos-title{font:600 var(--text-body) / 1.45 var(--font-ui)}.pos-row .value{font:600 var(--text-body-lg) / 1 var(--font-ui)}.pos-row .unit{font:500 var(--text-label) / 1 var(--font-ui);color:var(--color-ink-faint)}.pos-row.approved{background:var(--color-success-wash)}.pos-row.approved>svg{color:var(--color-success)}.pos-row.declined{background:var(--color-danger-wash)}.pos-row.declined>svg{color:var(--color-danger)}.pos-row.unknown{background:var(--color-attention-wash)}.pos-row.unknown>svg{color:var(--color-attention)}.pos-waiting{background:var(--color-info-wash);padding-block:var(--space-4);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}@starting-style{.pos-waiting{opacity:0;transform:translateY(8px)}}.pos-pulse{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-info);flex:none;animation:pos-pulse 1.6s ease-in-out infinite}.pos-pulse svg{width:26px;height:26px}@keyframes pos-pulse{50%{box-shadow:0 0 0 8px color-mix(in oklab,var(--color-info) 18%,transparent)}}@media(prefers-reduced-motion:reduce){.pos-pulse{animation:none}}.pos-amount{display:grid;justify-items:end;font:600 var(--text-figure) / 1.1 var(--font-ui)}.pos-amount .unit{font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-faint)}.pos-send{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:start}.pos-send>.btn{margin-block-start:calc(var(--text-label) * 1.45 + var(--space-2))}.refund-box{display:grid;gap:var(--space-2)}.stocktake{display:grid;gap:var(--space-4);padding:var(--space-6);align-content:start}.stocktake-start{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5)}.stocktake-start .field{display:grid;gap:var(--space-2)}.stocktake-progress{display:grid;gap:var(--space-3);padding:var(--space-5)}.stocktake-figure{display:flex;align-items:baseline;gap:var(--space-3)}.stocktake-figure .big{font:600 var(--text-figure-lg) / 1 var(--font-ui);color:var(--color-ink)}.stocktake-figure .of{color:var(--color-ink-muted)}.meter{block-size:8px;border-radius:999px;background:var(--color-line);overflow:hidden}.meter>span{display:block;block-size:100%;background:var(--color-ink);transition:inline-size .24s ease-out}@media(prefers-reduced-motion:reduce){.meter>span{transition:none}}.stocktake-stats{display:flex;gap:var(--space-5);flex-wrap:wrap;color:var(--color-ink-muted)}.stocktake-stats .num{color:var(--color-ink);font-weight:600}.stocktake-stats .warn{color:var(--color-attention);display:inline-flex;align-items:center;gap:var(--space-1)}.stocktake-stats .warn .num{color:inherit}.stocktake-hint{padding-inline:var(--space-5)}.stocktake-manual{display:flex;gap:var(--space-2);align-items:end;padding:0 var(--space-5) var(--space-4)}.stocktake-manual .field{flex:1;max-width:420px}.stocktake-sim{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);justify-items:start}.stocktake .row-actions{padding:0 var(--space-5) var(--space-4)}.stocktake-row{inline-size:100%;text-align:start;background:none;border:0;font:inherit;color:inherit;cursor:pointer}.stocktake-row:hover{background:var(--color-surface-sunken)}.pairing-row.selectable{cursor:pointer}.pairing-row input[type=checkbox]{inline-size:20px;block-size:20px;accent-color:var(--color-ink)}.kind-tid_mismatch .recipe,.kind-not_expected .recipe,.kind-void_label .recipe{color:var(--color-danger)}.kind-foreign .recipe{color:var(--color-attention)}.kind-found .recipe{color:var(--color-success)}.photo-station{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:var(--space-4);padding:var(--space-6);align-items:start}@media(max-width:1100px){.photo-station{grid-template-columns:minmax(0,1fr)}}.photo-side{display:grid;gap:var(--space-4)}.photo-stage-panel{display:grid;gap:var(--space-3);padding-block-end:var(--space-4)}.photo-stage{position:relative;aspect-ratio:4 / 3;background:var(--color-surface-sunken);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;outline:3px solid transparent;outline-offset:-3px;transition:outline-color .16s ease-out}.photo-stage.ready{outline-color:var(--color-success)}.photo-stage video,.photo-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-stage-msg{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-ink-muted)}.photo-sim-tag{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.framing-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.framing-guide .safe-area{fill:none;stroke:var(--color-line-strong);stroke-width:1.5;stroke-dasharray:2 8}.framing-guide .shape *{fill:none;stroke:var(--color-ink-muted);stroke-width:2.5;stroke-dasharray:10 8;transition:stroke .16s ease-out}.framing-guide.ready .shape *{stroke:var(--color-success)}@media(prefers-reduced-motion:reduce){.photo-stage,.framing-guide .shape *{transition:none}}.photo-checks{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding-inline:var(--space-5);min-height:36px}.photo-checks .check{font:500 var(--text-label) / 1.3 var(--font-ui);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.photo-checks .check.ok{color:var(--color-success);background:var(--color-success-wash)}.photo-checks .check.bad{color:var(--color-attention);background:var(--color-attention-wash)}.photo-checks .recipe{margin-inline-start:auto}.photo-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:end;padding-inline:var(--space-5)}.photo-controls .btn-primary{margin-inline-start:auto}.photo-stage-panel>.banner{margin-inline:var(--space-5)}.photo-item{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5)}.photo-item .name{font:600 var(--text-body-lg) / 1.45 var(--font-ui)}.angle-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.angle-chip{font:500 var(--text-label) / 1 var(--font-ui);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-line);color:var(--color-ink-faint)}.angle-chip.done{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-wash)}.photo-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-3);padding-block:var(--space-2)}.photo-thumb{margin:0;display:grid;gap:var(--space-1)}.photo-thumb .thumb{width:100%;height:auto;aspect-ratio:4 / 3}.photo-thumb.primary .thumb{outline:2px solid var(--color-ink);outline-offset:2px}.photo-thumb.archived{opacity:.55}.photo-thumb figcaption{display:flex;gap:var(--space-2);align-items:center;font:500 var(--text-label) / 1.3 var(--font-ui);color:var(--color-ink-muted)}.photo-thumb-actions{display:flex;gap:var(--space-1)}.photo-filter{padding:var(--space-3) var(--space-5) 0}.pairing-row.current{background:var(--color-surface-sunken)}.desc-list{display:grid;gap:var(--space-4)}.desc-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.desc-thumb{width:120px;height:120px}.desc-body{display:grid;gap:var(--space-3);min-width:0}.desc-head{display:flex;align-items:baseline;gap:var(--space-3);justify-content:space-between}.desc-head .name{font:600 var(--text-body) / 1.4 var(--font-ui)}.desc-current{font-size:var(--text-body-sm);color:var(--color-ink-muted)}.desc-body .field>label svg{width:16px;height:16px;vertical-align:-3px;color:var(--color-gold)}.desc-text{width:100%;box-sizing:border-box;resize:vertical;min-height:112px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);font:400 var(--text-body) / 1.9 var(--font-ui);transition:border-color var(--dur-fast) var(--ease-standard)}.desc-text:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-ring)}.desc-body .row-actions{justify-content:flex-start}@media(max-width:640px){.desc-card{grid-template-columns:1fr}.desc-thumb{width:100%;height:auto;aspect-ratio:4 / 3}}.intake-list{list-style:none;margin:0;padding:0}.intake-list li{display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-5)}.intake-list li+li{border-block-start:1px solid var(--color-line)}.intake-list li>svg{width:22px;height:22px;flex:none;color:var(--color-ink-faint)}.intake-list li>svg.ok{color:var(--color-success)}.intake-list li.latest{background:var(--color-gold-wash)}.intake-list .grow{flex:1;min-width:0;display:grid;gap:2px}.intake-list .name{font:600 var(--text-body) / 1.45 var(--font-ui)}.ai-note{display:flex;align-items:center;gap:var(--space-2);font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-muted)}.ai-note.muted{color:var(--color-ink-faint)}.field-stack{display:grid;gap:var(--space-2)}.suggest{all:unset;justify-self:start;display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-gold-wash);color:var(--color-ink);font:500 var(--text-label) / 1.3 var(--font-ui);cursor:pointer;position:relative}.suggest:after{content:"";position:absolute;inset:-6px 0}.suggest svg{width:16px;height:16px;color:var(--color-gold)}.suggest:focus-visible{box-shadow:var(--focus-ring)}.studio-note{display:flex;align-items:center;gap:var(--space-2);min-height:40px;font:500 var(--text-label) / 1.45 var(--font-ui);color:var(--color-ink-muted)}.studio-note .grow{flex:1;min-width:0}.studio-note svg{width:18px;height:18px;flex:none}.studio-note.ok svg{color:var(--color-gold)}.studio-note.muted{color:var(--color-ink-faint)}.row-link{display:inline-flex;align-items:center;gap:var(--space-1);justify-self:start;min-height:32px;font:500 var(--text-label) / 1.3 var(--font-ui);color:var(--color-ink-muted);text-decoration:none}.row-link svg{width:16px;height:16px}@media(hover:hover)and (pointer:fine){.row-link:hover{color:var(--color-ink)}}
