:root{--line:#d5d8dd;--ink:#14181f;--ink-muted:#5b636f;--surface:#fff;--surface-raised:#f4f5f7;--focus:#1f5fd0;--danger:#a3271c;--warn-surface:#fff6f5;--accent:#14181f;--row-height:2rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--surface);font-family:system-ui,-apple-system,Segoe UI,Noto Sans Arabic,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.search{min-inline-size:12rem;block-size:var(--row-height);border:1px solid var(--line);background:var(--surface);font:inherit;border-radius:2px;flex:1;padding-inline:.5rem}.content{padding:1rem}.section-heading{margin:0 0 .5rem;font-size:1rem;font-weight:600}.empty-state{color:var(--ink-muted);max-inline-size:60ch;margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.app-bar{--bar-bg:#16303f;--bar-ink:#fff;--bar-ink-muted:#9fb3c0;--bar-line:#6c8794;--bar-focus:#9ec5ff;border-block-end:1px solid var(--bar-bg);background:var(--bar-bg);color:var(--bar-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:sticky;inset-block-start:0}.app-logo{flex:none;block-size:1.75rem;inline-size:auto;display:block}.app-name{white-space:nowrap;color:var(--bar-ink);font-weight:600;text-decoration:none}.company{color:var(--bar-ink-muted);font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:baseline;min-inline-size:0;max-inline-size:46ch;padding:0;display:flex}.company-name{white-space:nowrap;text-overflow:ellipsis;color:var(--bar-ink);overflow:hidden}.company-location{white-space:nowrap;color:var(--bar-ink-muted);flex:none}.order-total{white-space:nowrap;font:inherit;cursor:pointer;text-align:end;color:var(--bar-ink);background:0 0;border:0;align-items:baseline;gap:.4rem;display:inline-flex}.order-total:hover .order-total-value{text-decoration:underline}.order-total-label{color:var(--bar-ink-muted)}.order-total-value{font-variant-numeric:tabular-nums;color:var(--bar-ink);font-weight:600}.order-total-meta{color:var(--bar-ink-muted);margin-inline-start:.4rem;font-size:.85em}.app-nav{scrollbar-width:none;gap:.15rem;min-inline-size:0;margin-inline-start:.5rem;display:flex;overflow-x:auto}.app-nav-link{white-space:nowrap;min-block-size:2.1rem;color:var(--bar-ink-muted);border-block-end:2px solid #0000;border-radius:2px 2px 0 0;align-items:center;padding-inline:.7rem;text-decoration:none;display:inline-flex}.app-nav-link:hover{color:var(--bar-ink);background:#ffffff14}.app-nav-link.current{color:var(--bar-ink);border-block-end-color:var(--bar-ink);font-weight:600}.bar-left,.bar-right{align-items:center;gap:.5rem;min-inline-size:0;display:flex}.bar-left{flex:auto;overflow:hidden}.bar-right{flex:none}.chip{border:1px solid var(--bar-line);min-block-size:2.1rem;color:var(--bar-ink);font:inherit;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:.4rem;max-inline-size:22ch;padding:.2rem .6rem;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--bar-ink);background:#ffffff14}.chip-lines{flex-direction:column;align-items:flex-start;min-inline-size:0;line-height:1.15;display:flex}.chip-primary{color:var(--bar-ink);text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font-size:.95rem;font-weight:600;overflow:hidden}.chip-secondary{color:var(--bar-ink-muted);white-space:nowrap;font-size:.78rem}.chip-caret{color:var(--bar-ink-muted);font-size:.7rem}.pad-chip{font-variant-numeric:tabular-nums;background:#ffffff1a}.pad-chip:hover{background:#ffffff29}.buyer-chip-wrap{position:relative}.buyer-chip .chip-secondary{flex:none}.sign-in{color:var(--bar-ink)}.app-bar :focus-visible{outline:2px solid var(--bar-focus);outline-offset:1px}.buyer-menu{z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:3px;flex-direction:column;min-inline-size:12rem;padding:.25rem;display:flex;position:absolute;inset-block-start:calc(100% + .35rem);inset-inline-end:0;box-shadow:0 6px 20px #0000002e}.buyer-menu button{text-align:start;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:.45rem .6rem}.buyer-menu button:hover{background:var(--surface-raised)}.buyer-menu-signout{color:var(--danger)}.spacer{flex:1}.controls{align-items:center;gap:.5rem;margin-block-end:.75rem;display:flex}.filter{block-size:var(--row-height);border:1px solid var(--line);background:var(--surface);font:inherit;border-radius:2px;padding-inline:.4rem}.result-count{color:var(--ink-muted);white-space:nowrap}.catalogue{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%}.catalogue th{text-align:start;color:var(--ink-muted);border-block-end:1px solid var(--line);background:var(--surface);z-index:1;padding:.35rem .5rem;font-weight:600;position:sticky;inset-block-start:0}.catalogue td{border-block-end:1px solid var(--surface-raised);vertical-align:middle;padding:.25rem .5rem}.catalogue tbody tr:hover{background:var(--surface-raised)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.col-sku{inline-size:18ch}.col-price,.col-qty,.col-add{text-align:end;white-space:nowrap}.continuation{color:var(--ink-muted)}.vendor{color:var(--ink-muted);margin-inline-start:.5rem;font-size:.85em}.pack{white-space:nowrap}.pill{border-radius:2px;padding-inline:.4rem;font-size:.85em;display:inline-block}.pill.in{color:#14532d;background:#e6f4ea}.pill.out{color:#7f1d1d;background:#fdeaea}.row-unavailable td{opacity:.55}.qty{text-align:end;border:1px solid var(--line);block-size:1.75rem;inline-size:5rem;font:inherit;font-variant-numeric:tabular-nums;border-radius:2px}.add{border:1px solid var(--line);background:var(--surface);block-size:1.75rem;font:inherit;cursor:pointer;border-radius:2px;padding-inline:.6rem}.add:disabled,.qty:disabled{opacity:.5;cursor:not-allowed}.load-more{justify-content:center;padding-block:.75rem;display:flex}.more{border:1px solid var(--line);background:var(--surface);block-size:2rem;font:inherit;cursor:pointer;border-radius:2px;padding-inline:1rem}.more:disabled{opacity:.5;cursor:progress}.price-pending{color:var(--ink-muted)}.empty-state .hint{color:var(--ink-muted);margin-block-start:.25rem;display:block}.empty-state.warn{color:#7f1d1d}.visually-hidden{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.catalogue-scroll{max-block-size:calc(100vh - 12rem);overflow-y:auto}.catalogue tbody tr{height:30px}.truncation-note{color:var(--ink-muted);margin-block:0 .5rem}.order-pad{max-inline-size:68rem;padding:1rem}.order-pad h1{margin-block:0 .75rem;font-size:1.1rem}.order-lines tbody tr{height:auto}.row-unfulfilable{background:var(--warn-surface)}.line-problem{color:var(--danger);font-size:.8rem;display:block}.order-footer{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-block-start:1rem;padding-block-start:1rem;display:flex}.order-meta{flex-direction:column;gap:.5rem;min-inline-size:18rem;display:flex}.po-field{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.po-field input{block-size:var(--row-height);border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:2px;padding-inline:.5rem}.payment-terms{margin:0;font-size:.85rem}.payment-terms .label{color:var(--ink-muted)}.order-summary{min-inline-size:16rem;margin:0}.order-summary>div{justify-content:space-between;gap:2rem;padding-block:.2rem;display:flex}.order-summary dt{color:var(--ink-muted)}.order-summary dd{margin:0}.order-summary-total{border-block-start:1px solid var(--line);margin-block-start:.3rem;padding-block-start:.4rem;font-weight:600}.summary-note{color:var(--ink-muted);margin-block:.5rem 0;font-size:.78rem}.order-error{color:var(--danger);margin-block:.75rem 0;font-size:.85rem}.order-actions{justify-content:flex-end;gap:.5rem;margin-block-start:1rem;display:flex}.order-actions .primary,.order-actions .secondary{block-size:var(--row-height);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:2px;align-items:center;padding-inline:1rem;text-decoration:none;display:inline-flex}.order-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}.order-actions .primary[disabled]{opacity:.6;cursor:default}.order-actions .secondary{background:var(--surface);color:inherit}.remove{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:0 .35rem;font-size:1.1rem;line-height:1}.remove:hover{color:var(--danger)}.world-heading{margin:0 0 .75rem;font-size:1rem}.world-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;margin-block-end:1.25rem;display:grid}.world-card{border:1px solid var(--line);background:var(--surface);border-radius:3px;padding:.85rem}.world-card h3{color:var(--ink-muted);margin:0 0 .4rem;font-size:.8rem;font-weight:600}.world-lead{margin:0 0 .15rem;font-size:1.05rem}.world-sub{color:var(--ink-muted);margin:0 0 .6rem;font-size:.85rem}.world-when{color:var(--ink-muted);font-weight:400}.world-lead.muted,.muted{color:var(--ink-muted)}.world-action{border:1px solid var(--line);background:var(--surface);block-size:1.9rem;font:inherit;cursor:pointer;border-radius:2px;margin-block-start:.5rem;padding-inline:.7rem}.world-action:disabled{opacity:.5;cursor:progress}.orders{border-collapse:collapse;inline-size:100%;font-size:.9rem}.orders th,.orders td{border-block-end:1px solid var(--line);text-align:start;padding:.35rem .5rem}.orders th{color:var(--ink-muted);font-weight:600}.reorder-review{border:1px solid var(--line);background:var(--surface);border-radius:3px;margin-block-end:1.25rem;padding:.85rem}.reorder-review h3{margin:0 0 .3rem;font-size:.95rem}.reorder-actions{gap:.5rem;margin-block-start:.75rem;display:flex}.reason{color:var(--ink-muted);font-size:.85rem}.was{color:var(--ink-muted);text-decoration:line-through}.account-field{gap:.4rem;margin:.25rem 0 0;font-size:.85rem;display:flex}.account-label{color:var(--ink-muted)}.account-address{flex-direction:column;font-style:normal;line-height:1.45;display:flex}.account-locked{color:var(--ink-muted);max-inline-size:60ch;margin-block:1rem .75rem;font-size:.85rem}.bulk-entry{margin-block-end:1rem}.bulk-order{border:1px solid var(--line);background:var(--surface);border-radius:3px;margin-block-end:1.25rem;padding:.85rem}.bulk-order h2{margin:0 0 .3rem;font-size:.95rem}.bulk-hint{color:var(--ink-muted);max-inline-size:70ch;margin:0 0 .6rem;font-size:.85rem}.bulk-textarea{border:1px solid var(--line);resize:vertical;border-radius:2px;inline-size:100%;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.5}.bulk-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:.6rem;display:flex}.bulk-file{color:var(--ink-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.bulk-file input{font:inherit;font-size:.8rem}.world-link{font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;margin-block-start:.5rem;padding:0;font-size:.85rem;text-decoration:underline;display:block}.bulk-attention{border-inline-start:3px solid #b45309;margin-block:.9rem;padding-inline-start:.7rem}.bulk-attention h3{margin:0 0 .2rem;font-size:.9rem}.bulk-attention h3.warn{color:#7f1d1d}.bulk-attention ul{margin:.3rem 0 0;padding-inline-start:1.1rem}.bulk-attention li{font-size:.85rem;line-height:1.6}.world-tiles{flex-wrap:wrap;gap:.75rem;margin-block-end:1rem;display:flex}.world-tile{border:1px solid var(--line);background:var(--surface);border-radius:3px;flex-direction:column;gap:.15rem;min-inline-size:12rem;padding:.7rem .9rem;display:flex}.tile-value{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:600;line-height:1.15}.tile-label{color:var(--ink-muted);font-size:.85rem}.tile-note{font-size:.78rem}.tile-note.warn{color:#7f1d1d}.archive-link{gap:1rem;margin-block:.75rem .25rem;display:flex}.order-archive .controls,.invoices .controls{flex-wrap:wrap}.support-card .support-channels{flex-direction:column;gap:.2rem;margin:.35rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.support-label{color:var(--ink-muted)}.invoices-note{color:var(--ink-muted);max-inline-size:80ch;margin-block:0 .75rem;font-size:.85rem}.billing-document{max-inline-size:60rem}.billing-actions{gap:.5rem;margin-block-end:1rem;display:flex}.billing-header h2{margin:0 0 .3rem;font-size:1.05rem}.billing-meta{flex-wrap:wrap;gap:.35rem 2rem;margin-block:.75rem 1rem;display:flex}.billing-meta div{gap:.4rem;font-size:.9rem;display:flex}.billing-meta dt{color:var(--ink-muted)}.billing-meta dd{margin:0}.billing-lines{margin-block-end:1rem}.billing-totals{max-inline-size:22rem;margin-inline-start:auto}.billing-included{max-inline-size:22rem;color:var(--ink-muted);margin-block-start:.75rem;margin-inline-start:auto;font-size:.85rem}.billing-included-heading dt{color:var(--ink-muted);font-weight:600}@media print{.app-bar,.no-print,.load-more{display:none!important}.content{padding:0}.billing-document{max-inline-size:none}body{color:#000;background:#fff}.billing-lines th,.billing-lines td{border-block-end:1px solid #999}}.order-checked{color:#14532d;background:#f0fdf4;border-inline-start:3px solid #15803d;max-inline-size:70ch;margin-block:.75rem 0;padding:.4rem .6rem}.order-restale{background:var(--warn-surface);color:#7c2d12;border-inline-start:3px solid #b45309;max-inline-size:70ch;margin-block:.75rem 0;padding:.4rem .6rem}
