:root{--bg:#f4f4f6;--card:#fff;--text:#171719;--muted:#71717a;--line:#1414161a;--accent:#f5c22e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.ordering-page{max-width:1480px;margin:auto;padding:34px 30px 110px}.ordering-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.ordering-heading small,dialog small{color:#9a7400;letter-spacing:.12em;font-weight:850}.ordering-heading h1{margin:4px 0;font-size:34px}.ordering-heading p{color:var(--muted);margin:0}button,input,select,textarea{font:inherit}.primary{color:#fff;cursor:pointer;background:#171719;border:0;border-radius:12px;padding:11px 17px;font-weight:800}.ordering-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0 14px;display:grid}.summary-card{border:1px solid var(--line);background:var(--card);border-radius:17px;padding:18px}.summary-card span{color:var(--muted);font-size:12px;display:block}.summary-card b{margin-top:5px;font-size:25px;display:block}.ordering-filters{border:1px solid var(--line);background:var(--card);border-radius:16px 16px 0 0;align-items:center;gap:12px;padding:13px;display:flex}.ordering-filters input[type=search]{width:min(380px,40vw)}.ordering-filters input[type=search],.ordering-filters select{border:1px solid var(--line);background:var(--bg);border-radius:10px;height:38px;padding:0 12px}.ordering-filters span{color:var(--muted);margin-left:auto;font-size:12px}.ordering-panel{background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1120px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 12px}th{color:var(--muted);background:#fafafa;font-size:11px}td strong,td small{display:block}td small{color:var(--muted)}.sku-input{border:1px solid var(--line);border-radius:9px;width:150px;padding:8px}.status{background:#eee;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status.pending_order{color:#7a5800;background:#fff3c4}.status.ordered{color:#284d9c;background:#e7edff}.status.in_transit{color:#176284;background:#e2f4ff}.status.completed{color:#246b38;background:#e3f5e8}.row-action{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:7px 10px}.row-action:disabled{opacity:.45}.empty{text-align:center;color:var(--muted);padding:70px}.batch-bar{z-index:100;background:#fff;border-radius:17px;align-items:center;gap:25px;padding:12px 14px 12px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #00000038}dialog{border:0;border-radius:20px;padding:0;box-shadow:0 25px 80px #0000004d}dialog::backdrop{background:#00000061}dialog form,dialog>section{grid-template-columns:1fr 1fr;gap:15px;width:min(620px,100vw - 28px);padding:22px;display:grid}dialog header,dialog footer,dialog .wide,dialog p,#previewRows{grid-column:1/-1}dialog header{justify-content:space-between;display:flex}dialog h2{margin:4px 0}dialog header button{background:0 0;border:0;font-size:25px}dialog label{color:var(--muted);gap:6px;font-size:12px;display:grid}dialog input,dialog select,dialog textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fafafa;border-radius:10px;padding:10px}dialog footer{justify-content:flex-end;gap:9px;display:flex}dialog footer>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px}#previewRows{gap:8px;max-height:420px;display:grid;overflow:auto}#previewRows article{background:#f5f5f6;border-radius:12px;padding:12px}html[data-site-theme=dark]{--bg:#101011;--card:#1c1c1e;--text:#f5f5f7;--muted:#aaa;--line:#ffffff1f}html[data-site-theme=dark] th,html[data-site-theme=dark] .batch-bar,html[data-site-theme=dark] .row-action{color:var(--text);background:#242426}@media (width<=760px){.ordering-page{padding:22px 12px 100px}.ordering-heading{align-items:start}.ordering-summary{grid-template-columns:1fr 1fr}.ordering-filters{flex-wrap:wrap}.ordering-filters span{width:100%;margin:0}dialog form{grid-template-columns:1fr}dialog label{grid-column:1/-1}}table{min-width:1420px}.scope{background:#eee;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.scope.cross_border{color:#835500;background:#fff0d4}.scope.domestic{color:#235f9d;background:#e7f2ff}.timeline{gap:3px;min-width:188px;display:grid}.timeline small{justify-content:space-between;gap:10px;display:flex}.timeline em{color:var(--text);font-style:normal}.product-picker-label,.product-picker{position:relative}.product-picker-results{z-index:20;border:1px solid var(--line);background:var(--card);border-radius:12px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:0 16px 45px #0000002e}.product-picker-results button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 10px;display:block}.product-picker-results button:hover,.product-picker-results button.active{background:#f5c22e2e}.product-picker-results b,.product-picker-results small{display:block}.product-picker-results small{color:var(--muted);margin-top:2px}.product-picker-empty{color:var(--muted);padding:10px}