/* 主从布局保留玻璃主题；抽屉只在首次打开时滑入，切换记录不重播。 */
#order-master-layout{--om-drawer:clamp(320px,32vw,390px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0px);gap:0;align-items:start;transition:grid-template-columns .6s cubic-bezier(.22,.75,.25,1),gap .6s ease}
#order-master-layout[hidden]{display:none}
#order-master-layout.is-open{grid-template-columns:minmax(0,1fr) minmax(0,var(--om-drawer));gap:18px}
#order-master-layout .order-master-list{min-width:0}
#order-master-layout #orders-table-view{padding:0;min-width:0}
/* 列表外层保持原玻璃底色，悬停只展示流光，不叠加通用卡片的白色层。 */
body[data-theme="liquid"] #order-master-layout #orders-table-view:hover{background:var(--admin-surface)!important}
/* 六列独立分配宽度，抽屉展开后窄列表可横向滚动。 */
#order-master-layout #orders-table-view table{min-width:760px}
#order-master-layout #orders-table-view .table-wrap{overflow-x:auto;border-radius:inherit}
#order-master-layout #orders-table-view th:nth-child(1){width:10%}
#order-master-layout #orders-table-view th:nth-child(2){width:14%}
#order-master-layout #orders-table-view th:nth-child(3){width:18%}
#order-master-layout #orders-table-view th:nth-child(4){width:12%}
#order-master-layout #orders-table-view th:nth-child(5){width:19%}
#order-master-layout #orders-table-view th:nth-child(6){width:14%}
#order-master-layout #orders-table-view th:nth-child(7){width:13%}
#order-master-layout #orders-table-view :is(th,td){text-align:left}
#order-master-layout #orders-table-view :is(th,td):nth-child(2){text-align:center}
#order-master-layout #orders-table-view :is(th,td):nth-child(7){text-align:right;white-space:nowrap}
#order-master-layout .om-image-cell .om-thumb{display:inline-grid;vertical-align:middle}
#order-master-layout .om-order-text b,#order-master-layout .om-order-text small{display:block}
#order-master-layout .om-order-text small{margin-top:6px;color:var(--admin-text-sub)}
#order-master-layout .om-customer-cell{color:var(--admin-text-sub)}
#order-master-layout .om-customer-person{display:flex;align-items:center;gap:8px;min-width:0}
#order-master-layout .om-customer-person .emp-avatar{flex:none;object-fit:cover}
#order-master-layout .om-customer-person>span:not(.emp-avatar){min-width:0;overflow-wrap:anywhere}
#order-master-layout .om-amount-cell{color:var(--admin-accent-ink)}
#order-master-layout #orders-table-view th{padding:14px 16px}
#order-master-layout #orders-table-view td{padding:16px;height:auto;overflow-wrap:anywhere;cursor:pointer}
/* 清除旧表格的整行悬停描边和双层背景，底部流光由独立伪元素承载。 */
#order-master-layout #orders-table-view tbody tr{background:transparent!important;box-shadow:none}
#order-master-layout #orders-table-view tbody tr:hover{background:transparent!important;box-shadow:none}
#order-master-layout #orders-table-view tbody tr:not(.om-selected):hover td{background:transparent!important;box-shadow:none}
#order-master-layout #orders-table-view tr.om-selected td{background:rgba(var(--admin-accent-rgb),.13)!important}
#order-master-layout #orders-table-view tbody tr.om-selected,
#order-master-layout #orders-table-view tbody tr.om-selected:hover{box-shadow:inset 3px 0 var(--admin-accent)}
#order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child{position:relative}
/* 与卡片流光共用七色渐变，选中行仅底部从中心向两侧展开。 */
#order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover){--om-row-beam:linear-gradient(90deg,rgba(255,84,112,0),rgb(255,84,112) 10%,rgb(255,179,71) 24%,rgb(255,230,109) 36%,rgb(93,226,165) 50%,rgb(67,201,255) 64%,rgb(139,123,255) 76%,rgb(237,114,219) 90%,rgba(237,114,219,0))}
#order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child::before,
#order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child::after{content:"";position:absolute;width:calc(var(--om-row-width,100%) * .5);height:calc(7px / 1.3 * .195);bottom:calc(.5px - 7px / 1.3 * .195 / 2);pointer-events:none;z-index:2;background:var(--om-row-beam);background-size:180% 100%;opacity:.85;filter:blur(calc(.3px / 1.3 * .195));mask-image:radial-gradient(ellipse at center,#000 30%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.15) 75%,transparent 100%);animation:om-row-spread .9s cubic-bezier(.22,.75,.25,1) both,om-row-flow 5s ease-in-out infinite alternate}
#order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child::before{left:calc(var(--om-row-width,100%) * .25);transform-origin:center;animation:om-row-spread .9s cubic-bezier(.22,.75,.25,1) both,om-row-flow 5s ease-in-out infinite alternate,om-row-reach 6s .9s ease-in-out infinite}
#order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child::after{left:calc(var(--om-row-width,100%) * .25);transform-origin:center;animation:om-row-spread .9s cubic-bezier(.22,.75,.25,1) both,om-row-flow 5s ease-in-out infinite alternate,om-row-reach 6s .9s ease-in-out infinite}
@keyframes om-row-spread{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1)}}
@keyframes om-row-reach{0%,100%{transform:scaleX(1)}50%{transform:scaleX(2)}}
@keyframes om-row-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
body[data-card-motion="forced"] #order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child::before{animation:om-row-spread .9s cubic-bezier(.22,.75,.25,1) both,om-row-flow 5s ease-in-out infinite alternate,om-row-reach 6s .9s ease-in-out infinite!important}
body[data-card-motion="forced"] #order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child::after{animation:om-row-spread .9s cubic-bezier(.22,.75,.25,1) both,om-row-flow 5s ease-in-out infinite alternate,om-row-reach 6s .9s ease-in-out infinite!important}
#order-master-layout #orders-table-view tr:focus-visible{outline:2px solid var(--admin-accent);outline-offset:-2px}
.om-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--ui-radius,12px);flex:none}.om-no-image{display:grid;place-items:center;background:var(--admin-surface-soft);color:var(--admin-text-muted);font-size:23px}
#order-master-layout .order-drawer-shell{min-width:0;height:calc(100vh - 40px);overflow:hidden;position:sticky;top:20px;visibility:hidden;transition:visibility .6s}
#order-master-layout.is-open .order-drawer-shell{visibility:visible}
#order-master-layout .order-detail-drawer{width:var(--om-drawer);height:100%;box-sizing:border-box;background:var(--admin-surface);border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:20px;box-shadow:var(--admin-card-shadow);backdrop-filter:var(--admin-surface-blur,blur(16px));max-height:calc(100vh - 40px);overflow:auto;transform:translateX(40px);opacity:0;transition:transform .6s cubic-bezier(.22,.75,.25,1),opacity .4s ease}
#order-master-layout.is-open .order-detail-drawer{transform:translateX(0);opacity:1}
.om-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.om-drawer-head h2{font-size:17px;margin:0}.om-drawer-tools{display:flex;align-items:center;gap:6px}.om-drawer-tools button{border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft);color:var(--admin-text);width:30px;height:30px;cursor:pointer}.om-drawer-tools button:disabled{opacity:.35;cursor:default}.om-drawer-tools span{font-size:12px;color:var(--admin-text-muted)}
.om-media{position:relative;border-radius:var(--ui-radius,12px);overflow:hidden;background:var(--admin-surface-soft);height:120px}.om-media>button[data-full-image]{display:block;border:0;padding:0;background:transparent;width:100%;height:100%;cursor:zoom-in}.om-media img{width:100%;height:100%;object-fit:contain}.om-media-empty{height:100%;display:grid;align-content:center;justify-items:center;color:var(--admin-text-muted)}.om-media-empty span{font-size:28px}.om-media-empty p{font-size:11px;margin:5px 0 24px}.om-gallery{position:absolute;bottom:7px;left:7px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:5px 8px;font-size:11px;background:var(--admin-surface);color:var(--admin-text);cursor:pointer}
.om-overview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}.om-heading{margin:0;min-width:0}.om-heading small{font-size:12px;color:var(--admin-text-muted)}.om-heading h2{font-size:18px;line-height:1.35;margin:7px 0;overflow-wrap:anywhere}.om-heading p{color:var(--admin-text-sub);font-size:12px;margin:6px 0 0}
.om-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.om-money>div{background:var(--admin-surface-soft);border-radius:var(--ui-radius,12px);padding:10px 8px}.om-money span{display:block;color:var(--admin-text-sub);font-size:11px}.om-money strong{display:block;font-size:15px;margin-top:5px;overflow-wrap:anywhere}
.om-section{margin-top:14px}.om-section h3{font-size:14px;margin:0}.om-section p{font-size:13px;overflow-wrap:anywhere}.om-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.om-section small{font-size:12px;color:var(--admin-text-sub)}.om-progress{height:6px;border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft);overflow:hidden;margin-bottom:7px}.om-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-2))}
.om-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;padding:14px 0;border-bottom:1px solid var(--admin-border-soft);margin:0}.om-facts dt{font-size:12px;color:var(--admin-text-sub);margin-bottom:4px}.om-facts dd{font-size:13px;margin:0;overflow-wrap:anywhere}.om-status{padding:4px 9px;border:0;border-radius:var(--ui-radius,12px);background:var(--admin-accent-soft);color:var(--admin-accent-ink);cursor:pointer}
.om-actions{display:flex;gap:10px;margin-top:14px}.om-actions>.btn{flex:1;justify-content:center}.om-loading{padding:40px 12px;color:var(--admin-text-sub);text-align:center;min-height:250px}.om-loading button{display:block;margin:16px auto}
body[data-card-motion="forced"] #order-master-layout{transition:grid-template-columns .6s cubic-bezier(.22,.75,.25,1),gap .6s ease!important}
body[data-card-motion="forced"] #order-master-layout .order-detail-drawer{transition:transform .6s cubic-bezier(.22,.75,.25,1),opacity .4s ease!important}
body[data-card-motion="forced"] #order-master-layout .order-drawer-shell{transition:visibility .6s!important}
#orders-page #order-master-layout .orders-pagination{flex-wrap:wrap;gap:8px;border-radius:var(--ui-radius,12px);overflow:hidden}
@media(prefers-reduced-motion:reduce){body:not([data-card-motion="forced"]) #order-master-layout,body:not([data-card-motion="forced"]) #order-master-layout .order-detail-drawer{transition:none}}
@media(max-width:760px){#order-master-layout.is-open{grid-template-columns:minmax(0,1fr)}#order-master-layout .order-drawer-shell{position:static;max-height:0}#order-master-layout.is-open .order-drawer-shell{max-height:none}#order-master-layout .order-detail-drawer{width:100%;max-height:none}#order-master-layout #orders-table-view td{padding:10px}.om-thumb{width:32px;height:32px}}

/* 单条光带从中心伸展，前层为线芯、后层为柔光，整个过程中心不断开。 */
#order-master-layout #orders-table-view tr:is(.om-selected,.om-beam-hover)>td:first-child::before{height:calc(11px / 1.3 * .195);bottom:calc(.5px - 11px / 1.3 * .195 / 2);opacity:.35;filter:blur(calc(2px / 1.3 * .195))}

/* 紧凑制作明细，不重复主图；长内容自然换行，金额独立对齐。 */
#order-master-layout .om-item-list{list-style:none;padding:0;margin:0}
#order-master-layout .om-item-list>li{padding:10px 0;border-bottom:1px solid var(--admin-border-soft);overflow-wrap:anywhere}
#order-master-layout .om-item-list>li:first-child{padding-top:0}
#order-master-layout .om-item-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px}
#order-master-layout .om-item-title b{min-width:0}
#order-master-layout .om-item-title strong{flex:none;color:var(--admin-accent-ink)}
#order-master-layout .om-item-list p{margin:5px 0;font-size:12px;line-height:1.5}
#order-master-layout .om-item-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;font-size:12px;color:var(--admin-text-sub)}
#order-master-layout .om-item-list small{display:block;margin-top:5px;font-size:11px}
#order-master-layout .om-payment .om-progress{margin-bottom:0}
#order-master-layout .om-payment h3 small{font-weight:normal;margin-left:4px}
@media(max-width:380px){.om-overview{grid-template-columns:88px minmax(0,1fr);gap:10px}.om-media{height:108px}}