/* 订单详情弹窗 · 随主题（表面/边框/文字走 --admin-* 令牌，强调色保留） */
.order-detail-dialog{width:min(1000px,95vw);max-width:none;padding:0;overflow-y:auto;overflow-x:hidden;border-radius:var(--ui-radius,12px);background:var(--admin-surface);color:var(--admin-text);box-shadow:var(--admin-shadow-pop)}
.order-detail-dialog>.close{top:18px;right:20px;color:var(--admin-text-sub);opacity:.8;font-size:var(--fs-3xl);z-index:5}
.od-head{display:flex;align-items:center;gap:14px;padding:22px 26px;background:var(--admin-surface-soft);border-bottom:1px solid var(--admin-border-soft)}
.od-no{font-size:var(--fs-2xl);font-weight:700;letter-spacing:.5px}
.od-status{padding:6px 14px;border-radius:var(--ui-radius,12px);background:rgba(var(--admin-accent-rgb),.14);color:var(--admin-accent-ink);font-size:var(--fs-md);font-weight:600}
.od-head-right{margin-left:auto}
.od-body{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:16px;padding:20px 26px}
.od-media{background:var(--admin-surface-soft);border:0;border-radius:var(--ui-radius,12px);padding:16px;display:grid;gap:12px;align-content:start}
.od-media-stage{height:340px;border:0;border-radius:var(--ui-radius,12px);display:grid;place-items:center;background:var(--admin-surface-soft-2);overflow:hidden}
.od-media-stage img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.od-big-avatar{width:130px;height:130px;border-radius:var(--ui-radius,12px);background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));color:#fff;display:grid;place-items:center;font-size:52px;font-weight:700;box-shadow:0 14px 44px rgba(var(--admin-accent-rgb),.3)}
.od-media-note{margin-top:8px;text-align:center;color:var(--admin-text-muted);font-size:var(--fs-base)}
.od-info{display:grid;gap:14px;align-content:start}
.od-customer{display:flex;align-items:center;gap:12px;padding:14px;background:var(--admin-surface-soft);border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px)}
.od-avatar-sm{width:46px;height:46px;border-radius:var(--ui-radius,12px);background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));color:#fff;display:grid;place-items:center;font-size:var(--fs-2xl);font-weight:700;flex:none}
.od-big-avatar,.od-avatar-sm{background-size:cover;background-position:center;background-repeat:no-repeat}
.od-customer b{display:block;font-size:var(--fs-xl);font-weight:600}
.od-customer small{display:block;margin-top:3px;color:var(--admin-text-muted);font-size:var(--fs-base)}
.od-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.od-kv{background:transparent;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:10px 14px}
.od-kv span{display:block;color:var(--admin-text-muted);font-size:var(--fs-base)}
.od-kv b{display:block;margin-top:4px;font-size:var(--fs-lg);font-weight:600}
.od-money{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.od-m{background:var(--admin-surface-soft);border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:10px 14px}
.od-m span{display:block;color:var(--admin-text-muted);font-size:var(--fs-base)}
.od-m b{display:block;margin-top:4px;color:var(--brand-amber-deep);font-size:var(--fs-xl);font-weight:700}
.od-progress{height:9px;border-radius:var(--ui-radius,12px);background:var(--admin-line-soft);overflow:hidden}
.od-progress i{display:block;height:100%;width:0;border-radius:var(--ui-radius,12px);background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-2));transition:width .4s ease}
.od-progress-caption{display:flex;justify-content:space-between;color:var(--admin-text-muted);font-size:var(--fs-base)}
.od-detail{display:grid;gap:14px;padding:0 26px 26px}
.od-section-title{display:flex;align-items:center;gap:8px;font-size:var(--fs-xl);font-weight:600}
.od-section-title i{width:8px;height:8px;border-radius:var(--ui-radius,12px);background:var(--admin-accent);box-shadow:0 0 10px rgba(var(--admin-accent-rgb),.8)}
.od-table{border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);overflow:hidden;background:var(--admin-surface-soft)}
.od-tr{display:grid;grid-template-columns:1.1fr 1.5fr 1fr .5fr .5fr .7fr 1fr;gap:6px;padding:10px 16px;border-bottom:1px solid var(--admin-border-soft);font-size:var(--fs-md)}
.od-tr:last-child{border-bottom:0}
.od-th{background:var(--admin-surface-soft-2);color:var(--admin-text-muted);font-weight:600}
.od-tr>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.od-amt{color:var(--brand-amber-deep);text-align:right;font-weight:600}
.od-note{display:flex;gap:8px;color:var(--admin-text-muted);font-size:var(--fs-md);background:var(--admin-surface-soft);border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:12px 14px}
.od-note b{color:var(--admin-text);font-weight:600;flex:none}
.od-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}
.od-btn{position:relative;padding:12px 30px;border:1px solid rgba(255,255,255,.65);border-radius:var(--ui-radius,12px);color:#fff;font-size:var(--fs-lg);font-weight:700;cursor:pointer;background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.5),transparent 42%),radial-gradient(circle at 82% 75%,rgba(255,160,205,.55),transparent 55%),linear-gradient(135deg,#C9B8FF 0%,#9FE8D0 48%,#FFC9DE 100%);box-shadow:0 10px 28px rgba(160,150,210,.35),inset 0 1px 0 rgba(255,255,255,.55);text-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .18s,filter .18s}

@media(max-width:820px){.od-body{grid-template-columns:1fr}.od-media-stage{height:240px}.od-tr{grid-template-columns:1fr 1fr}.od-actions{flex-wrap:wrap}}

/* ===== 订单列表：状态胶囊入口 =====
   几何（尺寸/圆角/字号/内距）统一走 base.css §6.1 徽章规范，
   本处只保留订单页特有配色与交互态。 */
#orders-page .order-status-pill{cursor:pointer;border:1px solid rgba(var(--admin-accent-rgb),.35);background:#e0f7ff;color:var(--admin-accent-ink);transition:all .15s}
#orders-page .order-status-pill:hover{background:#cff1fc;box-shadow:0 2px 8px rgba(var(--admin-accent-rgb),.18)}

/* ===== 订单详情弹窗：炫彩操作区 ===== */
.od-actions{flex-direction:column;align-items:stretch;gap:14px;padding-top:16px;border-top:1px solid rgba(120,130,255,.14)}
.od-status-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.od-status-label{font-size:var(--fs-base);color:var(--admin-text-muted);font-weight:600}
.od-status-chips{display:flex;gap:8px;flex-wrap:wrap}
.od-chip{padding:6px 14px;border-radius:var(--ui-radius,12px);font-size:var(--fs-base);cursor:pointer;border:1px solid var(--admin-card-border);background:#fff;color:var(--admin-text-muted);transition:all .15s;white-space:nowrap;font-family:inherit;line-height:var(--lh-normal)}
.od-chip:hover{background:#f3f4ff;color:var(--admin-text);border-color:rgba(var(--admin-accent-2-rgb),.35)}
.od-chip.on{color:#fff;font-weight:600;border-color:transparent;background:linear-gradient(135deg,var(--admin-accent-ink),var(--brand-violet));box-shadow:0 4px 14px rgba(var(--admin-accent-rgb),.32)}
.od-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.od-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--ui-radius,12px);font-size:var(--fs-md);font-weight:600;color:var(--admin-text-muted);background:#fff;border:1px solid var(--admin-card-border);box-shadow:0 1px 3px rgba(var(--brand-indigo-rgb),.08);text-shadow:none;transition:transform .15s,box-shadow .15s,border-color .15s,color .15s,background .15s;cursor:pointer}
.od-btn svg{width:14px;height:14px;flex:none}
.od-btn:hover{filter:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-indigo-rgb),.16)}
.od-btn.od-edit{color:var(--admin-accent-ink);background:#e0f7ff;border-color:rgba(var(--admin-accent-rgb),.35)}
.od-btn.od-edit:hover{background:#cff1fc;color:var(--admin-accent-ink);box-shadow:0 4px 12px rgba(var(--admin-accent-rgb),.2)}
.od-btn.od-copy{color:var(--brand-violet-deep);background:#f1e8ff;border-color:rgba(var(--admin-accent-2-rgb),.35)}
.od-btn.od-copy:hover{background:#ece1ff;color:var(--brand-violet-deep);box-shadow:0 4px 12px rgba(var(--admin-accent-2-rgb),.2)}
.od-btn.od-print{color:#0e7490;background:#ecfeff;border-color:rgba(var(--admin-accent-rgb),.3)}
.od-btn.od-print:hover{background:#cffafe;color:#0e7490;box-shadow:0 4px 12px rgba(var(--admin-accent-rgb),.18)}
.od-btn.od-plan{color:var(--brand-amber-deep);background:#fef3e2;border-color:rgba(var(--brand-amber-rgb),.35)}
.od-btn.od-plan:hover{background:#fdeccf;color:var(--brand-amber-deep);box-shadow:0 4px 12px rgba(var(--brand-amber-rgb),.2)}
.od-btn.od-cost{color:var(--brand-pink-deep);background:#ffe4f1;border-color:rgba(var(--admin-accent-3-rgb),.35)}
.od-btn.od-cost:hover{background:#ffd6ea;color:var(--brand-pink-deep);box-shadow:0 4px 12px rgba(var(--admin-accent-3-rgb),.2)}
.od-btn.od-primary{background:linear-gradient(135deg,var(--admin-accent-ink),var(--brand-violet));color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(var(--admin-accent-rgb),.35)}
.od-btn.od-primary:hover{box-shadow:0 10px 26px rgba(var(--admin-accent-2-rgb),.42)}
.od-btn.od-danger{background:linear-gradient(135deg,var(--brand-rose),var(--brand-rose-deep));color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(var(--brand-rose-rgb),.35)}
.od-btn.od-danger:hover{box-shadow:0 10px 26px rgba(var(--brand-rose-rgb),.42)}