/* Customer order list: reference layout; summary keeps its organization columns. */
[data-agent-view="summary"][hidden], .agent-procurement-modal [hidden] { display:none!important; }
.agent-reference-drawer,.agent-procurement-modal { box-sizing:border-box; color:#253044; background:#fff; border:0; font:14px/1.5 "Microsoft YaHei",sans-serif; padding:0; }
.agent-reference-drawer *, .agent-procurement-modal * { box-sizing:border-box; }
.agent-reference-drawer::backdrop,.agent-procurement-modal::backdrop { background:rgb(0 0 0 / 46%); }
.agent-reference-drawer { position:fixed; inset:var(--topbar-height,54px) 0 0 auto; width:520px; max-width:100vw; height:calc(100dvh - var(--topbar-height,54px)); max-height:none; margin:0; border-radius:0; overflow:hidden; }
.agent-reference-drawer[open] { display:flex; flex-direction:column; }
.agent-reference-drawer button,.agent-procurement-modal button { font:inherit; cursor:pointer; }
.agent-reference-drawer button:disabled,.agent-procurement-modal button:disabled { cursor:not-allowed; opacity:.5; }
.od-heading { display:flex; gap:16px; align-items:center; min-height:64px; padding:14px 20px; flex-shrink:0; }
.od-heading h2 { font-size:18px; margin:0 auto 0 0; }
.od-heading>span { background:#edf3ff; color:#4389ff; padding:4px 14px; border-radius:18px; font-size:12px; font-weight:600; }
.od-heading button { background:transparent; border:0; font-size:24px; padding:0 6px; color:#555; }
.od-body { overflow-y:auto; overscroll-behavior:contain; padding:0 12px 18px; flex:1; min-height:0; scrollbar-width:thin; }
.od-dispatch { display:flex; justify-content:flex-end; background:#f8f9fb; border:1px solid #edf0f5; border-radius:12px; padding:3px; margin-bottom:8px; }
.od-dispatch button { border:0; border-radius:10px; padding:6px 17px; color:#fff; background:#06afd1; font-size:12px; font-weight:600; }
.od-metadata { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:3px; gap:10px; background:#f8f9fb; border:1px solid #edf0f5; border-radius:12px; }
.od-metadata>div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:88px; padding:9px; background:#fff; border:1px solid #eaf0f8; border-radius:11px; text-align:center; overflow-wrap:anywhere; }
.od-metadata span { border:1px solid #d2cbff; border-radius:12px; background:#f0edff; color:#7057f5; font-size:12px; padding:1px 7px; margin-bottom:4px; }
.od-metadata strong { font-size:14px; line-height:1.4; }
.od-divider { height:8px; border:1px solid #edf0f5; background:#f8f9fb; border-radius:8px; margin:9px 0; }
.od-purchase { border:1px solid #a4eec0; background:#f0fcf4; border-radius:12px; margin-bottom:8px; }
.od-purchase header { display:flex; align-items:center; padding:5px; gap:8px; }
.od-purchase header b { margin-right:auto; font-size:13px; }
.od-purchase header button { border:1px solid #dddfff; border-radius:8px; color:#7065ff; background:#f2f3ff; padding:3px 10px; font-size:12px; }
.od-purchase header button:last-child { color:#348a58; background:#e5faeb; border-color:#b4efc9; }
.od-empty { text-align:center; color:#8b94a4; font-size:13px; padding:12px; margin:8px; }
.od-purchase-record { display:grid; gap:5px; padding:12px; font-size:13px; overflow-wrap:anywhere; }
.od-section { border:1px solid #edf0f5; background:#f8f9fb; border-radius:12px; padding:3px; margin-bottom:8px; }
.od-section h3 { margin:0; text-align:center; font-size:13px; padding:3px 0 12px; }
.od-logistics { padding:12px; border:1px solid #d9d4ff; border-radius:12px; background:linear-gradient(115deg,#eeecfa,#e5f3fa); }
.od-logistics strong { display:inline-block; background:#fff; border-radius:20px; padding:5px 12px; font-size:12px; }
.od-logistics p { display:flex; gap:8px; margin:9px 0 0; flex-wrap:wrap; }
.od-logistics span { border-radius:14px; background:#ffffffb0; color:#74829a; padding:2px 8px; font-size:12px; }
.od-product { display:flex; gap:12px; background:white; border:1px solid #edf0f5; border-radius:11px; padding:12px; margin-bottom:2px; align-items:center; }
.od-product img { width:64px; height:64px; object-fit:contain; border-radius:7px; }
.od-product strong { display:block; color:#7863ff; font-size:13px; font-weight:400; overflow-wrap:anywhere; }
.od-product small { display:inline-block; color:#8d97a8; background:#f5f7fa; padding:2px 8px; margin-top:5px; }
.od-no-image { display:grid; place-items:center; flex-shrink:0; width:64px; height:64px; background:#f2f4f8; color:#98a1b1; font-size:12px; }
.od-accordion { border:1px solid #ffdc78; border-radius:12px; background:#fffbef; margin-bottom:8px; padding:3px; }
.od-accordion summary { display:flex; align-items:center; gap:12px; cursor:pointer; font-size:13px; color:#a6500d; padding:2px; list-style:none; }
.od-accordion summary b { margin-right:auto; }
.od-accordion summary button { border:0; background:transparent; color:#777; font-size:12px; padding:3px 8px; }
.od-accordion em { font-size:11px; font-style:normal; background:#f1fbe9; color:#61b93b; border:1px solid #e1f1d7; padding:2px 6px; border-radius:4px; }
.od-toggle::after { content:"展开"; font-size:12px; }
.od-accordion[open] .od-toggle::after { content:"收起"; }
.od-note { border:1px dashed #ffb636; background:#fffef5; border-radius:12px; text-align:center; padding:18px; margin-top:10px; color:#a6500d; white-space:pre-wrap; overflow-wrap:anywhere; }
.od-logs article { background:white; border:1px solid #f7edda; border-radius:11px; padding:12px; margin-top:8px; font-size:12px; }
.od-logs article small { color:#8c95a6; }
.od-logs article p { text-align:center; }
.od-message { margin:0; padding:0 14px; color:#7260c1; font-size:12px; }
.od-message:not(:empty) { padding:8px 14px; border-top:1px solid #eee; }
.agent-procurement-modal { width:860px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); border-radius:4px; margin:auto; overflow:auto; box-shadow:0 10px 50px #16243e30; }
.agent-procurement-modal form { padding:16px; }
.agent-procurement-modal header { display:flex; gap:18px; align-items:flex-start; border-bottom:1px solid #e9edf6; padding:0 16px 12px; }
.agent-procurement-modal h2 { font-size:18px; margin:0 0 4px; }
.agent-procurement-modal header small { color:#999eaa; }
.agent-procurement-modal header>button { border:0; padding:0; background:none; color:#939ba8; font-size:22px; }
.op-auth { display:flex; flex-direction:column; align-items:flex-end; margin-left:auto; font-size:12px; }
.op-auth a { color:#ff760c; background:#fff6e7; border:1px solid #ffa562; padding:3px 12px; border-radius:8px; text-decoration:none; }
.op-auth small { color:#ff760c!important; }
.op-modes { display:flex; gap:22px; padding:20px 0; border-bottom:1px solid #e9edf6; font-size:13px; align-items:center; flex-wrap:wrap; }
.op-modes label { color:#657187; }
.agent-procurement-modal input[type=radio] { accent-color:#3a97ff; width:14px; height:14px; vertical-align:middle; }
.op-columns { display:grid; grid-template-columns:290px minmax(0,1fr); gap:16px; padding-top:12px; }
.op-columns>section { border:1px solid #e0e4ec; border-radius:15px; padding:14px; min-width:0; }
.op-columns h3 { text-align:center; font-size:14px; margin:0 0 14px; }
.op-products>div { display:flex; gap:24px; margin-bottom:12px; }
.op-products img { width:120px; height:120px; object-fit:contain; border-radius:10px; }
.op-products span { color:#798298; font-size:12px; }
.op-products b { color:#4980fa; margin-left:12px; }
.op-field { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:12px; margin-bottom:12px; font-size:13px; }
.op-field>span { text-align:right; font-weight:600; }
.op-field input:not([type=radio]),.op-field select,.op-field textarea { width:100%; min-width:0; border:1px solid #d9dfeb; background:white; border-radius:9px; color:#546782; font:inherit; padding:7px 10px; }
.op-field small { display:block; color:#929bac; font-size:11px; }
.op-platform { display:flex; gap:12px; align-items:center; }
.op-platform .suite-select { flex:1; min-width:0; }
.agent-procurement-modal .suite-select-trigger { min-height:32px; height:32px; border-radius:8px; box-shadow:none; font-size:13px; }
.op-field input:not([type=radio]) { height:32px; }
.op-platform a { background:#409eff; color:white; border-radius:4px; padding:6px 16px; text-decoration:none; white-space:nowrap; }
.op-platform button { background:white; border:1px solid #d9dfeb; border-radius:50%; color:#8793a7; }
.op-inspection { border:1px solid #adddff; background:#f0f9ff; border-radius:8px; padding:10px; text-align:center; color:#0878af; font-size:12px; margin-bottom:12px; }
.op-inspection p { color:#687b91; margin:8px 0; }
.agent-procurement-modal footer { display:flex; gap:20px; align-items:center; justify-content:flex-end; padding-top:16px; }
.agent-procurement-modal footer p { font-size:11px; color:#9296a4; margin:0 auto 0 0; }
.agent-procurement-modal footer button { background:#409eff; color:white; border:0; border-radius:4px; padding:7px 16px; white-space:nowrap; }
.op-1688-lookup,.agent-order-1688-lookup { display:flex; align-items:center; gap:10px; grid-column:1/-1; padding:9px 11px; border:1px solid #d8ccfb; border-radius:9px; background:#f8f5ff; }
.op-1688-lookup button,.agent-order-1688-lookup button { flex:0 0 auto; min-height:34px; padding:0 12px; border:1px solid #765dde; border-radius:8px; color:#fff; background:linear-gradient(135deg,#8268eb,#654bd0); font-size:12px; font-weight:700; cursor:pointer; }
.op-1688-lookup button:disabled,.agent-order-1688-lookup button:disabled { cursor:wait; opacity:.65; }
.op-1688-lookup small,.agent-order-1688-lookup span { min-width:0; color:#71658f; font-size:11px; line-height:1.45; }
.agent-order-1688-lookup { margin-top:12px; }
.agent-order-1688-lookup [hidden],.op-1688-lookup [hidden] { display:none!important; }
.agent-order-batch-1688 { grid-column:1/-1; margin-top:0; }
.agent-order-batch-1688 span { min-height:32px; display:flex; align-items:center; }
@media(max-width:700px) { .agent-reference-drawer { top:0; height:100dvh; } .op-columns { grid-template-columns:1fr; } .op-products { display:none; } .op-field { grid-template-columns:100px minmax(0,1fr); } .od-metadata { gap:5px; } .od-metadata>div { padding:6px; } }
.agent-order-page { min-width:0; width:100%; height:calc(100dvh - var(--topbar-height) - 26px); min-height:660px; grid-template-rows:auto auto auto minmax(0,1fr); gap:6px; }
.agent-order-page .order-filter-card { grid-template-columns:180px 135px minmax(260px,1.1fr) minmax(260px,1fr) repeat(5,max-content); min-height:86px; padding:16px 24px; border-top:3px solid #b69af6; border-radius:18px; gap:10px; }
.agent-order-page .order-filter-card .field input,.agent-order-page .order-filter-card .field select { font-size:13px; }
.agent-order-page .order-filter-card .button { height:34px; padding:0 15px; }
.agent-order-page .order-filter-card .button.sync { background:linear-gradient(110deg,#36e785,#28eac8); color:#075d49; font-weight:650; box-shadow:0 4px 12px #27e4ad28; }
.agent-order-page .order-sync-strip.is-visible { height:22px; }
.agent-order-page .order-status-card { gap:28px; min-height:50px; padding:0 28px; border-radius:18px; overflow-x:auto; }
.agent-order-page .order-status-card button { flex:0 0 auto; white-space:nowrap; font-size:13px; }
.agent-order-page .order-status-card button.is-active::after { background:#ffa600; }
.agent-order-page .order-table-card { min-height:0; grid-template-rows:minmax(0,1fr) auto auto; gap:6px; background:transparent; box-shadow:none; }
.agent-order-page .order-table-scroll { padding:8px 10px 0; border-radius:18px; background:white; }
.order-reference-table { width:100%; min-width:1280px; table-layout:fixed; }
.order-reference-table .order-col-check { width:32px; }
.order-reference-table .order-col-product { width:29%; }
.order-reference-table .order-col-money { width:8%; }
.order-reference-table .order-col-cost { width:7%; }
.order-reference-table .order-col-profit { width:13%; }
.order-reference-table .order-col-purchase { width:18%; }
.order-reference-table .order-col-logistics { width:13%; }
.order-reference-table .order-col-time { width:12%; }
.order-reference-table th { height:42px; padding:8px 12px; font-size:13px; color:#172944; background:#f5f7fb; white-space:nowrap; }
.order-reference-table td { height:162px; padding:20px 12px 8px; font-size:13px; vertical-align:middle; background:#fff; border-bottom:1px solid #e9edf7; }
.order-reference-table td:first-child { vertical-align:middle; padding-top:20px; }
.order-reference-table tbody tr:hover td { background:#fcfcff; }
.order-reference-table input[type=checkbox] { appearance:none; width:14px; height:14px; border:1px solid #d8deec; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle; }
.order-reference-table input[type=checkbox]:checked { appearance:auto; accent-color:#7761d5; }
.agent-summary-page { grid-template-rows:auto auto minmax(0,1fr); min-height:0; }
.agent-summary-page .summary-table-card { grid-template-rows:minmax(0,1fr) auto auto; min-height:0; }
.summary-reference-table { width:100%; min-width:1510px; table-layout:fixed; }
.summary-reference-table .order-col-check { width:32px; }
.summary-reference-table .order-col-product { width:390px; }
.summary-reference-table .order-col-owner { width:150px; }
.summary-reference-table .order-col-money { width:105px; }
.summary-reference-table .order-col-cost { width:95px; }
.summary-reference-table .order-col-profit { width:110px; }
.summary-reference-table .order-col-purchase { width:160px; }
.summary-reference-table .order-col-logistics { width:165px; }
.summary-reference-table .order-col-time { width:145px; }
.summary-reference-table .order-col-actions { width:140px; }
.summary-reference-table th { height:42px; padding:8px 10px; font-size:13px; color:#172944; background:#f5f7fb; white-space:nowrap; }
.summary-reference-table td { height:162px; padding:20px 10px 8px; font-size:13px; vertical-align:middle; background:#fff; border-bottom:1px solid #e9edf7; }
.summary-reference-table td:first-child { vertical-align:middle; padding-top:20px; }
.summary-reference-table tbody tr:hover td { background:#fcfcff; }
.summary-reference-table input[type=checkbox] { appearance:none; width:14px; height:14px; border:1px solid #d8deec; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle; }
.summary-reference-table input[type=checkbox]:checked { appearance:auto; accent-color:#7761d5; }
.summary-reference-table .order-owner { gap:4px; }
.summary-reference-table .order-owner strong { font-size:12px; }
.summary-reference-table .order-owner>span,
.summary-reference-table .order-owner>b,
.summary-reference-table .order-owner>em { font-size:10px; }
.summary-reference-table .order-actions { gap:5px; }
.summary-reference-table .order-actions button { min-height:28px; padding:4px; font-size:11px; }
.user-order-product { display:grid; grid-template-columns:74px minmax(0,1fr); gap:10px 14px; min-height:134px; }
.user-order-image { display:grid; place-items:center; width:74px; height:74px; padding:0; border-radius:9px; overflow:hidden; background:#f2f4fa; color:#8791aa; cursor:pointer; }
.user-order-image img { width:100%; height:100%; object-fit:contain; }
.user-order-description { min-width:0; }
.user-order-line { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-height:28px; margin-bottom:4px; }
.user-order-line .status-pill { margin:0; border:1px solid #ffc980; border-radius:10px; color:#d87508; background:#fff6df; padding:1px 8px; font-size:12px; white-space:nowrap; }
.user-order-line .status-pill.cancelled,.user-order-line .status-pill.out_of_stock { color:#df5361; background:#fff0f2; border-color:#ffd0d7; }
.user-order-line .status-pill.purchased,.user-order-line .status-pill.delivered { color:#07996e; background:#e8faf3; border-color:#aee9d4; }
.user-order-chip { padding:4px 8px; max-width:100%; border:1px solid #e0dcff; border-radius:14px; background:#f8f7ff; color:#7461ec; font-size:11px; cursor:pointer; }
.user-order-chip b { font:11px Consolas,monospace; color:#4f6591; overflow-wrap:anywhere; }
.user-order-sku { padding:4px 8px; background:#f1f3f7; border-radius:4px; color:#586981; font:11px Consolas,monospace; }
.user-order-quantity { padding:0 7px; border-radius:4px; color:#f32e49; background:#fff0f2; font-size:18px; line-height:24px; }
.user-order-stock { display:inline-flex; align-items:center; gap:4px; margin-left:auto; padding:1px 7px; border:1px solid #dce1ed; border-radius:5px; color:#51617b; background:#f8f9fc; font-size:13px; cursor:pointer; }
.user-order-stock .user-order-icon { color:#93704b; fill:#f0ddc5; }
.user-order-stock[aria-disabled="true"] { opacity:.55; cursor:not-allowed; }
.user-order-fulfillment-actions { display:inline-flex; flex-direction:column; align-items:flex-end; gap:4px; margin-left:auto; flex-shrink:0; }
.user-order-fulfillment-actions .user-order-stock { margin-left:0; }
.user-order-print { display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:2px 7px; border:1px solid #cfc7ff; border-radius:5px; color:#6650d7; background:#f3efff; font-size:12px; white-space:nowrap; cursor:pointer; }
.user-order-print:hover:not(:disabled) { background:#e9e1ff; border-color:#9984ee; }
.user-order-print:disabled { opacity:.55; cursor:not-allowed; }
.user-order-image-preview { position:fixed; inset:0; z-index:15000; display:grid; place-items:center; padding:24px; background:rgb(13 15 23 / 58%); backdrop-filter:blur(3px); pointer-events:none; }
.user-order-image-preview[hidden] { display:none!important; }
.user-order-image-preview figure { display:flex; flex-direction:column; align-items:center; max-width:min(720px,calc(100vw - 48px)); max-height:calc(100dvh - 48px); margin:0; padding:18px; border-radius:12px; background:#fff; box-shadow:0 16px 70px #080d2b55; }
.user-order-image-preview img { display:block; width:auto; height:auto; min-height:0; max-width:100%; max-height:calc(100dvh - 142px); object-fit:contain; }
.user-order-image-preview figcaption { max-width:100%; padding-top:10px; color:#253047; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-order-image-preview figure>span { padding-top:4px; color:#9199a8; font-size:12px; }
.user-order-icon { display:inline-block; flex:0 0 auto; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.user-order-offer { color:#7e8da4; font-size:12px; gap:4px; }
.user-order-offer button { padding:0; background:transparent; color:#b4bbcc; cursor:pointer; }
.user-order-offer > span:last-child { margin-left:6px; color:#b0b8c6; }
.user-order-offer b { color:#ff5361; font-size:12px; font-weight:500; }
.user-order-account { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:7px 12px; min-height:28px; padding:3px 8px; border:1px solid #e7edff; border-radius:8px; background:#f5f7ff; color:#516e9b; font-size:12px; }
.user-order-account strong { color:#1c2b43; font-weight:500; }
.user-order-account > span { min-width:0; overflow-wrap:anywhere; }
.user-order-account i { padding:1px 4px; margin-right:4px; border-radius:4px; background:#ebe8ff; color:#8974ed; font-size:10px; font-style:normal; }
.user-order-finance strong,.user-order-finance b { display:block; margin:4px 0; font:600 13px/1.6 Consolas,monospace; }
.user-order-finance { color:#102c4b; }
.user-order-finance .profit-positive { color:#00a687; }
.user-order-finance .profit-negative { color:#ed445f; }
.user-order-purchase { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; color:#acb3c2; font-size:12px; }
.user-order-purchase button { padding:3px 5px; border:1px solid #e3e6ff; border-radius:7px; background:#f1f3ff; color:#8378ff; cursor:pointer; }
.user-order-purchase small { flex-basis:100%; text-align:center; overflow-wrap:anywhere; }
.user-order-provider { display:block; width:100%; max-width:158px; margin:auto; border:1px solid #d9d6ff; border-radius:8px; padding:5px 9px; background:#efedff; color:#6855ff; text-align:center; font-size:12px; line-height:1.35; cursor:pointer; }
.user-order-time { display:grid; gap:4px; font-size:11px; color:#8499ba; }
.user-order-time > span { display:block; border:1px solid #e3eafa; border-radius:5px; padding:5px 7px; white-space:nowrap; }
.user-order-time b { color:#486593; font:11px/1.4 Consolas,monospace; font-weight:400; }
.user-order-time em { display:table; margin:3px auto 0; padding:1px 4px; border-radius:6px; background:#ddf7ed; color:#087e69; font-size:10px; font-weight:650; font-style:normal; }
.user-order-time em.is-overdue { background:#fff0f2; color:#d34359; }
.agent-order-page .order-list-footer { border:1px solid #e1ddff; border-radius:14px; min-height:54px; padding:8px 12px; gap:12px; }
.agent-order-page .batch-actions { display:flex; gap:8px; flex-wrap:wrap; }
.agent-order-page .batch-actions button { min-height:32px; border-radius:10px; padding:0 10px; color:white; background:#7798c2; font-size:12px; font-weight:600; }
.agent-order-page .batch-actions button:nth-child(3),.agent-order-page .batch-actions button:nth-child(5) { background:#cf9d74; }
.agent-order-page .batch-actions button:nth-child(4) { background:#79af9e; }
.agent-order-page .batch-actions button:nth-child(6) { background:#9981bc; }
.agent-order-page .batch-actions button:disabled { opacity:.62; cursor:not-allowed; }
.agent-order-page .pagination { flex:0 0 auto; gap:8px; white-space:nowrap; }
.order-page-numbers { display:flex; gap:2px; }
.agent-order-page .pagination .order-page-numbers button { border:0; background:transparent; width:26px; }
.agent-order-page .pagination .order-page-numbers [aria-current=page] { color:#497cff; font-weight:750; background:#eeedff; }
.agent-order-page .pagination label { color:#748095; font-size:12px; }
.agent-order-page .pagination input { width:46px; height:30px; border:1px solid #dbe1ee; border-radius:4px; text-align:center; color:#536481; }
.agent-order-page .order-total-strip { border:1px solid #e3ddff; border-radius:14px; background:linear-gradient(180deg,#f1efff,#fff); min-height:52px; }
.agent-order-page .order-total-strip span { font-size:11px; }
.agent-order-page .order-total-strip strong { font-size:15px; }
.user-order-batch-dialog { width:min(620px,calc(100vw - 40px)); padding:24px; border:1px solid #ded8fa; border-radius:18px; box-shadow:0 20px 80px #25203b30; color:#25324d; }
.user-order-batch-dialog::backdrop { background:#17132d70; }
.user-order-batch-dialog h2 { margin:0 0 8px; font-size:20px; }
.user-order-batch-dialog p { color:#72809b; font-size:13px; }
.user-order-batch-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.user-order-batch-dialog label { display:grid; gap:6px; font-size:13px; }
.user-order-batch-dialog [hidden] { display:none !important; }
.user-order-batch-dialog input,.user-order-batch-dialog select { height:38px; padding:8px; border:1px solid #dce1f0; border-radius:7px; color:#27344e; width:100%; }
.user-order-batch-dialog footer { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.user-order-batch-dialog button { padding:9px 18px; border-radius:8px; background:#f1f2f8; cursor:pointer; }
.user-order-batch-dialog button[type=submit] { background:#6855da; color:#fff; }
@media(max-width:1650px) {
  .agent-order-page .order-filter-card { grid-template-columns:170px 130px minmax(270px,1fr) minmax(220px,1fr) repeat(2,max-content); padding:12px 16px; }
  .agent-order-page .order-filter-card .button { grid-column:auto; grid-row:auto; }
  .agent-order-page .order-filter-card .button.muted { grid-column:3; justify-self:end; display:block; }
  .agent-order-page .order-list-footer { flex-wrap:wrap; }
  .agent-order-page .pagination { margin-left:auto; }
}
@media(max-width:1100px) {
  .agent-order-page { min-height:760px; }
  .agent-order-page .order-filter-card { grid-template-columns:160px 130px minmax(220px,1fr) max-content max-content; gap:8px; }
  .agent-order-page .order-filter-card .search-field { grid-column:1/4; grid-row:2; }
  .agent-order-page .order-filter-card .button.query { grid-column:3; grid-row:1; }
  .agent-order-page .order-filter-card .button.secondary { grid-column:4; grid-row:1; }
  .agent-order-page .order-filter-card .button.sync { grid-column:3; grid-row:2; }
  .agent-order-page .order-filter-card .button.outline { grid-column:4; grid-row:2; }
  .agent-order-page .order-filter-card .button.muted { display:none; }
  .agent-order-page .order-status-card { gap:20px; padding:0 16px; }
}