: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}}.product-cell{align-items:center;gap:10px;min-width:190px;display:flex}.product-cell img{object-fit:contain;border:1px solid var(--line);background:#f7f7f7;border-radius:10px;width:52px;height:52px}.demand{background:#f3f3f3;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.demand.replenishment{color:#765600;background:#fff0c2}.demand.order{color:#284d9c;background:#e7edff}.image-drop{background:#fffaf0;border:1px dashed #c99b14;border-radius:14px;align-items:center;gap:14px;min-height:118px;padding:14px;display:flex}.image-drop.is-dragging{background:#fff4cd;outline:3px solid #f5c22e47}.image-drop img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:10px;width:94px;height:94px}.image-drop>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-drop b,.image-drop span{width:100%;display:block}.image-drop button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:7px 11px}.product-picker-results button small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.product-picker-label{grid-column:1/-1}#editor form{width:min(760px,100vw - 28px)}.ordering-summary{grid-template-columns:repeat(5,1fr)}.ordering-filters{flex-wrap:wrap}.ordering-filters #sourceTime{margin-left:auto}html[data-site-theme=dark] .image-drop{background:#262216}html[data-site-theme=dark] .image-drop button{color:var(--text);background:#242426}@media (width<=760px){.ordering-summary{grid-template-columns:1fr 1fr}}table{table-layout:auto;min-width:1050px}th,td{padding:9px 7px}.ordering-page{padding-top:22px}.ordering-heading h1{font-size:31px}.ordering-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ordering-heading-actions .secondary{border:1px solid var(--line);background:var(--card);min-height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.ordering-heading-actions .secondary:hover{background:#f5c22e24}.ordering-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 12px}.summary-card{border-radius:14px;padding:12px 16px}.summary-card b{margin-top:2px;font-size:21px}.ordering-filters{padding:10px 12px}.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{justify-items:start;gap:2px;width:max-content;min-width:0;display:inline-grid}.timeline small{white-space:nowrap;grid-template-columns:60px max-content;justify-content:start;column-gap:6px;width:max-content;font-size:10px;line-height:1.35;display:grid}.timeline small span{color:var(--muted)}.timeline em{color:var(--text);font-style:normal}.status.pending_sku{color:#7741a3;background:#f5e7ff}.notify-cell{justify-items:start;gap:5px;min-width:108px;display:grid}.notify-cell small,.scope,.row-action{white-space:nowrap}.sku-input{width:125px}th:nth-child(2),td:nth-child(2){min-width:132px}th:nth-child(3),td:nth-child(3){min-width:112px}th:nth-child(10),td:nth-child(10){width:160px}.batch-operation-head,.batch-operation-cell{text-align:center;width:76px;min-width:76px}.batch-operation-cell .pick{cursor:pointer;width:16px;height:16px}.batch-bar .batch-confirm{color:#fff;background:#16794a}.batch-bar .batch-confirm:hover:not(:disabled){background:#11643d}.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}@media (width<=760px){.ordering-heading{flex-direction:column;align-items:stretch}.ordering-heading-actions{justify-content:flex-start}.ordering-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
