.wsorder{--blue: #3b5bdb;--blue-600: #2f49b8;--blue-tint: #eef1fd;--ink: #16171b;--ink-2: #5b6068;--ink-3: #898e98;--bg: #f6f6f8;--panel: #ffffff;--panel-2: #fbfbfc;--line: #e7e8ec;--line-2: #f0f0f3;--line-3: #d7d9df;--red: #e23048;--red-tint: #fdecef;--green-tint: #e7f6ee;--amber: #c9810a;--amber-tint: #fbf2e0;--accent: var(--blue);--accent-600: var(--blue-600);--accent-tint: var(--blue-tint);--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--radius: 6px;--radius-sm: 4px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(20, 22, 30, .05), 0 1px 1px rgba(20, 22, 30, .04);--shadow: 0 4px 16px rgba(20, 22, 30, .08), 0 1px 3px rgba(20, 22, 30, .06);--row-h: 46px;--cell-font: 13px;color:var(--ink);background:var(--bg)}.wsorder *,.wsorder *:before,.wsorder *:after{box-sizing:border-box}.wsorder .mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.wsorder .tnum{font-variant-numeric:tabular-nums}.wsorder .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wsorder .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;font-size:13.5px;line-height:1;padding:0 16px;height:40px;white-space:nowrap;transition:background .14s,border-color .14s,color .14s,transform .06s}.wsorder .btn:active{transform:translateY(1px)}.wsorder .btn-dark{background:var(--ink);color:#fff}.wsorder .btn-dark:hover{background:#000}.wsorder .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-3)}.wsorder .btn-ghost:hover{border-color:var(--ink-3);background:var(--panel-2)}.wsorder .btn-quiet{background:transparent;color:var(--ink-2)}.wsorder .btn-quiet:hover{background:var(--line-2);color:var(--ink)}.wsorder .btn-sm{height:32px;padding:0 12px;font-size:12.5px}.wsorder .btn[disabled]{opacity:.45;pointer-events:none}.wsorder .chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:3px 9px;border-radius:999px;line-height:1.2;white-space:nowrap}.wsorder .chip-blue{background:var(--accent-tint);color:var(--accent-600)}.wsorder .chip-green{background:var(--green-tint);color:#157a47}.wsorder .chip-amber{background:var(--amber-tint);color:var(--amber)}.wsorder .chip-gray{background:var(--line-2);color:var(--ink-2)}.wsorder .thumb{position:relative;flex:none;border-radius:var(--radius-sm);background:#eceef3;overflow:hidden;border:1px solid var(--line);display:block;object-fit:cover}.wsorder .thumb--ph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,transparent 0 7px,rgba(20,22,30,.045) 7px 8px)}.wsorder .vname-dotc{width:11px;height:11px;border-radius:50%;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px #14161e2e;background:#c2c5cc}.wsorder .qtyfield{display:inline-flex;align-items:stretch;border:1.5px solid var(--line-3);border-radius:var(--radius-sm);background:#fff;overflow:hidden;transition:border-color .14s,box-shadow .14s}.wsorder .qtyfield:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.wsorder .qtyfield.has-val{border-color:var(--accent)}.wsorder .qtyfield input{width:46px;border:0;outline:0;text-align:center;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--ink);background:transparent;-moz-appearance:textfield;padding:0}.wsorder .qtyfield input::-webkit-outer-spin-button,.wsorder .qtyfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wsorder .qtyfield button{width:30px;border:0;background:transparent;color:var(--ink-3);font-size:17px;font-weight:600;line-height:1;display:grid;place-items:center;cursor:pointer}.wsorder .qtyfield button:hover{background:var(--line-2);color:var(--ink)}.wsorder .qtyfield[aria-disabled=true]{opacity:.4;pointer-events:none}.wsorder .quickadd{height:30px;min-width:34px;padding:0 7px;border:1px solid var(--line-3);background:#fff;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--ink-2);cursor:pointer}.wsorder .quickadd:hover{border-color:var(--accent);color:var(--accent-600);background:var(--accent-tint)}.wsorder .quickadd:disabled{opacity:.4;pointer-events:none}.wsorder__header{margin-bottom:18px}.wsorder__heading{margin:0 0 6px}.wsorder__subheading{margin:0;color:var(--ink-2)}.wsorder__company{margin:8px 0 0;font-size:13px;color:var(--ink-3)}.wsorder__company strong{color:var(--ink)}.wsorder__ctxbar{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;flex-wrap:wrap;padding:12px 14px;margin-bottom:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.wsorder__ctx-left{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.wsorder__brand-label{font-weight:700;font-size:13px;color:var(--ink-2)}.wsorder__brand-select{appearance:none;-webkit-appearance:none;background:var(--panel-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6068' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:0 36px 0 14px;height:44px;min-width:240px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .14s,box-shadow .14s}.wsorder__brand-select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);background-color:#fff}.wsorder__search{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:0 12px;height:40px;width:320px;max-width:100%;color:var(--ink-3);transition:border-color .14s,box-shadow .14s}.wsorder__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);background:#fff}.wsorder__search input{border:0;outline:0;background:none;flex:1;min-width:0;font-size:13px;color:var(--ink);font-weight:500}.wsorder__search svg{flex:none}.wsorder__search-x{background:none;border:0;color:var(--ink-3);padding:2px;display:none;place-items:center;border-radius:4px;cursor:pointer}.wsorder__search-x.is-shown{display:grid}.wsorder__search-x:hover{background:var(--line-2);color:var(--ink)}.wsorder__grid{position:relative;min-height:80px}.wsorder__grid--loading{opacity:.5;pointer-events:none}.wsorder__hint,.wsorder__empty{padding:40px 8px;color:var(--ink-3);text-align:center}.wsorder__empty b{color:var(--ink)}.wsorder__grid-inner{--cols: 150px minmax(160px, 1fr) 116px 92px 220px 96px}.wsorder .cat-colhead{display:grid;grid-template-columns:56px var(--cols);gap:0 14px;align-items:center;padding:0 14px 9px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.wsorder .cat-colhead .ta-r{text-align:right}.wsorder .groups{display:flex;flex-direction:column;gap:10px}.wsorder .mgt{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.wsorder .mgt.has-order{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.wsorder .mgt-head{display:grid;grid-template-columns:24px 38px 1fr auto auto auto;gap:14px;align-items:center;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:0;width:100%;text-align:left}.wsorder .mgt-head:hover{background:var(--panel-2)}.wsorder .mgt-chev{color:var(--ink-3);display:grid;place-items:center;transition:transform .18s}.wsorder .mgt-chev.is-collapsed{transform:rotate(-90deg)}.wsorder .mgt-id{display:flex;flex-direction:column;line-height:1.25;min-width:0}.wsorder .mgt-name{font-weight:800;font-size:14.5px;letter-spacing:-.01em}.wsorder .mgt-cat{font-size:11.5px;color:var(--ink-3);font-weight:600}.wsorder .mgt-from{font-size:12.5px;color:var(--ink-2);font-weight:600}.wsorder .mgt-from b{font-weight:800;color:var(--ink)}.wsorder .mgt-order-chip{display:none}.wsorder .mgt.has-order .mgt-order-chip{display:inline-flex}.wsorder .mgt-rows{border-top:1px solid var(--line-2)}.wsorder .mgt.is-collapsed .mgt-rows{display:none}.wsorder .vrow{display:grid;grid-template-columns:var(--cols);gap:0 14px;align-items:center;padding:0 16px 0 70px;min-height:var(--row-h);border-bottom:1px solid var(--line-2);transition:background .12s}.wsorder .vrow:last-child{border-bottom:0}.wsorder .vrow:hover{background:var(--panel-2)}.wsorder .vrow-on,.wsorder .vrow-on:hover{background:var(--accent-tint)}.wsorder .vrow[hidden]{display:none}.wsorder .vcell{font-size:var(--cell-font)}.wsorder .vcell-sku{color:var(--ink-2);font-size:12px;letter-spacing:-.01em}.wsorder .vname{display:inline-flex;align-items:center;gap:8px;font-weight:600}.wsorder .vname-color{font-weight:700}.wsorder .vname-sep{color:var(--line-3)}.wsorder .vname-spec{color:var(--ink-2)}.wsorder .vcell-stock{display:flex}.wsorder .vcell-price{text-align:right;font-weight:700}.wsorder .vcell-qty{display:flex;align-items:center;gap:8px;justify-content:flex-end}.wsorder .vcell-ext{text-align:right;font-weight:700;color:var(--ink-3)}.wsorder .vcell-ext.is-on{color:var(--accent-600)}.wsorder .ext-dash{color:var(--line-3)}.wsorder .vname-link{color:inherit;text-decoration:none}.wsorder .vname-link:hover{text-decoration:underline}.wsorder__bar{position:sticky;bottom:0;z-index:14;margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 -8px 24px #14161e0f}.wsorder__bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:14px 20px}.wsorder__sb-stats{display:flex;align-items:center;gap:16px 22px;flex-wrap:wrap}.wsorder__sb-stat{display:flex;flex-direction:column;line-height:1.1}.wsorder__sb-n{font-size:21px;font-weight:800;letter-spacing:-.02em}.wsorder__sb-l{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.wsorder__sb-sep{width:1px;height:30px;background:var(--line)}.wsorder__sb-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.wsorder__bar-error{flex:1 1 100%;margin:0;color:var(--red);font-size:13px;font-weight:600}@media(max-width:749px){.wsorder__sb-sep{display:none}.wsorder__sb-stats{gap:14px;width:100%;justify-content:space-between}.wsorder__sb-actions{margin-left:0;width:100%}.wsorder__sb-actions .btn{flex:1}.wsorder .cat-colhead{display:none}.wsorder .mgt-head{grid-template-columns:24px 1fr auto;gap:10px}.wsorder .mgt-head .thumb,.wsorder .mgt-from{display:none}.wsorder .vrow{grid-template-columns:1fr auto;gap:6px 12px;padding:12px 16px;align-items:center}.wsorder .vcell-sku{order:1}.wsorder .vcell-stock{order:2;justify-content:flex-end}.wsorder .vcell-name{order:3;grid-column:1 / -1}.wsorder .vcell-price{order:4;text-align:left}.wsorder .vcell-price:before{content:"Wholesale: ";color:var(--ink-3);font-weight:600}.wsorder .vcell-qty{order:5;justify-content:flex-start}.wsorder .vcell-ext{order:6;grid-column:1 / -1;text-align:left}.wsorder .vcell-ext:before{content:"Extended: ";color:var(--ink-3);font-weight:600}}.wsorder__gate{max-width:56rem;margin:0 auto;padding:56px 0;text-align:center}.wsorder__gate .wsorder__subheading{margin-left:auto;margin-right:auto;max-width:42rem}.wsorder__gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-wholesale-order.css.map */