.order-product-preview{display:flex;align-items:center;gap:10px;min-width:260px}.order-product-images{display:flex;align-items:center;min-width:48px}.order-product-images .line-image,.order-product-images .line-image-placeholder{width:48px;height:48px;border:1px solid #e2e8f1;background:#f2f5f9}.order-product-images .line-image+.line-image{margin-left:-13px;box-shadow:0 0 0 2px #fff}.order-product-more{margin-left:-9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9f1fc;color:#2765b7;font-size:11px;font-weight:700;box-shadow:0 0 0 2px #fff}.order-product-text{display:grid;gap:4px;max-width:260px}.order-product-text b{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order-product-text small{font-size:12px;color:#728099}

/* M.Video 订单：整行文字红色（含内联样式的子元素，用 !important 覆盖） */
tr.platform-mvideo,tr.platform-mvideo td,tr.platform-mvideo td *{color:#c81e1e !important}
tr.platform-mvideo td .badge,tr.platform-mvideo td .status{border-color:#c81e1e !important;background:#fdeaea !important}
tr.platform-mvideo td .link{color:#c81e1e !important;border-color:#c81e1e !important;text-decoration:underline}
tr.platform-mvideo:hover td{background:#fdf3f3 !important}

/* 订单按「截单日期」分组：每天一个区域，条头显示日期/星期/距今/单量 */
#posting-rows tr.day-group > td{padding:10px 10px 10px 7px;border-top:1px solid #FDE68A;border-bottom:1px solid #FDE68A;border-left:3px solid #F59E0B;background:linear-gradient(90deg,#FEF3C7 0%,#FFFBF5 92%)}
#posting-rows tr.day-group:first-child > td{border-top:0}
#posting-rows tr.day-group.day-group-unlabeled > td{border-left-color:#CBD5E1;border-color:#E2E8F0;background:linear-gradient(90deg,#EEF2F7 0%,#FFFBF5 92%)}
#posting-rows tr.day-group .day-group-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#posting-rows tr.day-group .day-group-kicker{padding:2px 7px;border-radius:6px;background:#fff;border:1px solid #FDE68A;color:#92400E;font-size:11px;letter-spacing:.5px}
#posting-rows tr.day-group .day-group-date{font-size:15px;font-weight:700;color:#7C2D12;letter-spacing:.2px}
#posting-rows tr.day-group .day-group-week{padding:2px 8px;border-radius:999px;background:#FDE68A;color:#92400E;font-size:12px}
#posting-rows tr.day-group .day-group-rel{padding:2px 8px;border-radius:999px;background:#fff;border:1px solid #FCD34D;color:#B45309;font-size:12px;font-weight:700}
#posting-rows tr.day-group.day-group-unlabeled .day-group-date{color:#52627B}
#posting-rows tr.day-group .day-group-count{margin-left:auto;color:#92400E;font-size:12px;white-space:nowrap}

/* [2026-10-22 colwidth] 商品列：给足固定宽度，标题最多两行（悬停看 title 全文）。
   旧规则 overflow-wrap:anywhere + min-width:0 会把最小内容宽度压成 1 个字，
   表格自动布局于是把商品列挤到几十像素，标题被折成十几行、行高暴涨。 */
#posting-rows td.cell-product{width:300px;min-width:300px}
#posting-rows td.cell-product .line-product{min-width:0}
#posting-rows td.cell-product .line-product > span{flex:1 1 auto;min-width:0}
#posting-rows td.cell-product .line-product b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;overflow-wrap:break-word;word-break:break-word}
#posting-rows td.cell-product .line-product small{display:block;margin-top:2px;color:#A08A6A;font-size:12px}
/* [2026-10-22 colwidth2] 订单表改固定列宽：auto 布局会把「操作」列压到 36px、
   按钮竖着堆成一条（每条订单行 400px+）。固定布局按下面的宽度分配，窗口更窄时
   只在表格内部横向滚动，不撑破整页。 */
/* 表格在面板内部滚动：表头吸顶，横向滚动条始终可见（列多，窄窗口必然要横向看） */
#posting-table-wrap{max-width:100%;min-width:0;max-height:calc(100vh - 236px);overflow:auto;border:1px solid #FEF3C7;border-radius:8px;background:#FFFBF5}
#posting-table-wrap thead th{position:sticky;top:0;z-index:2;background:#FFFBF5;box-shadow:inset 0 -1px 0 #FEF3C7}
body>main{min-width:0}
#posting-table-wrap>table{table-layout:fixed;width:100%;min-width:1180px;font-size:13px}
#posting-table-wrap th,#posting-table-wrap td{overflow-wrap:break-word}
#posting-table-wrap th:nth-child(1){width:262px}
#posting-table-wrap th:nth-child(2){width:94px}
#posting-table-wrap th:nth-child(3){width:76px}
#posting-table-wrap th:nth-child(4){width:122px}
#posting-table-wrap th:nth-child(5){width:136px}
#posting-table-wrap th:nth-child(6){width:88px}
#posting-table-wrap th:nth-child(7){width:98px}
#posting-table-wrap th:nth-child(8){width:98px}
#posting-table-wrap th:nth-child(9){width:50px}
#posting-table-wrap th:nth-child(10){width:156px}
/* 接单/截单时间：日期一行、时间一行（旧规则 nowrap 只有 104px 会被裁掉一半） */
#posting-rows td:nth-child(7),#posting-rows td:nth-child(8){white-space:normal;word-break:keep-all;font-size:12px;line-height:1.35}
#posting-rows td:nth-child(6){font-size:12px;white-space:normal;word-break:keep-all}
#posting-rows td:nth-child(4),#posting-rows td:nth-child(5){font-size:12px;line-height:1.4}
#posting-rows td:nth-child(4) .badge,#posting-rows td:nth-child(5) .badge{font-size:11px;padding:2px 6px;white-space:normal;word-break:break-word;line-height:1.35}
/* 操作列：按钮横排、允许换行，别一个个竖着排；缩小内边距让 7 个按钮挤进 2~3 行 */
#posting-rows td:last-child{white-space:normal}
#posting-rows td:last-child .link,#posting-rows td:last-child button{white-space:nowrap;padding:2px 6px;font-size:12px}

/* M.Video 上游异常提示条（订单为空可能是对方接口故障，不是「没同步」） */
.mv-order-notice{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:9px 12px;border:1px solid #F0C9A0;border-left:3px solid #D98324;border-radius:6px;background:#FFF7EC;color:#7A4A12;font-size:13px}
.mv-order-notice[hidden]{display:none}
.mv-order-notice .mv-notice-icon{flex:0 0 auto;font-size:14px;line-height:1}
.mv-order-notice .mv-notice-text{flex:1 1 auto;line-height:1.45}
.mv-order-notice .mv-notice-retry{flex:0 0 auto;padding:3px 11px;border:1px solid #D98324;border-radius:5px;background:#fff;color:#A35F10;font-size:12px;cursor:pointer}
.mv-order-notice .mv-notice-retry:hover:not(:disabled){background:#FDF0DD}
.mv-order-notice .mv-notice-retry:disabled{opacity:.6;cursor:default}

/* [2026-10-14] FBS 订单平台筛选（全部 / Ozon / M.Video）：与状态页签同一行、靠右对整齐 */
.platform-filter{margin-left:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.platform-filter .pf-label{margin:0 4px 0 0;color:#A08A6A;font-size:12px;font-weight:500;white-space:nowrap}
.platform-filter button{padding:4px 11px;border:1px solid #FDE68A;border-radius:999px;background:#FFFBF5;color:#78350F;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.platform-filter button:hover{background:#FEF3C7}
.platform-filter button.active{background:#B45309;border-color:#B45309;color:#fff;font-weight:600}
.platform-filter button small{margin-left:2px;color:inherit;font-size:11px;opacity:.7}

/* [2026-10-22] 订单行底色：取消=淡红；多件(件数>1)=淡蓝；取消优先（商品列仍显示件数） */
#posting-rows tr.row-cancelled td{background:rgba(220,38,38,.09) !important}
#posting-rows tr.row-cancelled:hover td{background:rgba(220,38,38,.15) !important}
#posting-rows tr.row-multi td{background:rgba(37,99,235,.08) !important}
#posting-rows tr.row-multi:hover td{background:rgba(37,99,235,.14) !important}
.order-color-legend{display:flex;align-items:center;gap:16px;margin:0 0 10px;padding:0 2px;color:#728099;font-size:12px}
.order-color-legend .lg{display:inline-flex;align-items:center;gap:5px}
.order-color-legend .lg::before{content:"";width:11px;height:11px;border-radius:3px;border:1px solid rgba(15,23,42,.12)}
.order-color-legend .lg-cancel::before{background:rgba(220,38,38,.30)}
.order-color-legend .lg-multi::before{background:rgba(37,99,235,.26)}

/* [2026-10-23] 订单图片多图查看器（点击缩略图打开，可左右滑动/箭头/键盘切换） */
.oiv-overlay{position:fixed;inset:0;background:rgba(18,14,10,.82);z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;cursor:zoom-out}
.oiv-stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(92vw,1100px);height:min(72vh,760px);cursor:default}
.oiv-wrap{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 12px 60px rgba(0,0,0,.55)}
.oiv-track{display:flex;height:100%;transition:transform .28s ease;will-change:transform}
.oiv-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}
.oiv-slide img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.oiv-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:50%;background:rgba(0,0,0,.36);color:#fff;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding-bottom:4px}
.oiv-nav:active{background:rgba(0,0,0,.6)}
.oiv-prev{left:10px}
.oiv-next{right:10px}
.oiv-count{position:absolute;top:12px;right:14px;background:rgba(0,0,0,.55);color:#fff;padding:3px 11px;border-radius:11px;font-size:12px;font-weight:600;z-index:3;letter-spacing:.4px}
.oiv-dots{display:flex;gap:6px;justify-content:center}
.oiv-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);transition:width .2s,background .2s}
.oiv-dots i.on{background:#fff;width:18px;border-radius:4px}
.oiv-thumbs{display:flex;gap:8px;max-width:92vw;overflow-x:auto;padding:4px 2px;scrollbar-width:thin}
.oiv-thumbs img{width:54px;height:54px;object-fit:cover;border-radius:6px;border:2px solid transparent;cursor:pointer;opacity:.7}
.oiv-thumb{background:none;border:none;padding:0}
.oiv-thumb.on img{border-color:#fff;opacity:1}