.order { cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.order:hover, .order:focus-visible { border-color: #b7cef4; box-shadow: 0 8px 24px rgba(30, 73, 132, .08); outline: none; transform: translateY(-1px); }
.order-open { color: #1769c2; font-size: 13px; font-weight: 700; white-space: nowrap; }
.order-detail { max-width: 980px; }
.detail-back { border: 0; background: none; color: #1769c2; padding: 0; margin: 0 0 28px; font: inherit; cursor: pointer; }
.detail-heading { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 22px; }
.detail-heading h2 { font-size: 28px; color: #101828; margin: 12px 0 0; }
.detail-stage { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 24px 26px; background: #edf4ff; border-left: 4px solid #347ff0; border-radius: 6px; margin-bottom: 22px; }
.detail-stage span { display: block; color: #475467; font-size: 12px; margin-bottom: 6px; }
.detail-stage strong { display: block; color: #102a56; font-size: 20px; }
.detail-stage p { color: #475467; margin: 7px 0 0; }
.detail-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.detail-action { border: 1px solid #1769c2; border-radius: 6px; background: #1769c2; color: #fff; padding: 11px 16px; font: inherit; font-weight: 700; cursor: pointer; white-space: nowrap; }
.detail-action:hover { background: #0f55a4; }
.detail-action:disabled { opacity: .65; cursor: wait; }
.detail-action.action-secondary { background: #fff; color: #b42318; border-color: #f1aaa5; }
.detail-action.action-secondary:hover { background: #fff4f3; }
.detail-readonly { color: #667085; font-size: 13px; white-space: nowrap; }
.detail-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #fff; border: 1px solid #e4e7ec; border-radius: 6px; margin: 0 0 22px; }
.detail-facts > div { padding: 18px 20px; border-right: 1px solid #e4e7ec; }
.detail-facts > div:last-child { border-right: 0; }
.detail-facts dt { color: #667085; font-size: 12px; }
.detail-facts dd { color: #101828; font-weight: 700; margin: 7px 0 0; font-size: 24px; }
.detail-fact-value{font-size:24px}.priority-select{font-size:20px;font-weight:700;padding:5px 10px;border-radius:5px;border:1px solid currentColor}.priority-select.priority-normal{background:#e8f6ee;color:#16734a}.priority-select.priority-urgent{background:#fff2d6;color:#9a5700}.priority-select.priority-critical{background:#feeceb;color:#b42318}
.detail-section { background: #fff; border: 1px solid #e4e7ec; border-radius: 6px; padding: 24px 26px; margin-top: 16px; }
.detail-section-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #edf0f4; }
.detail-section-title h3 { margin: 0; font-size: 17px; }
.detail-section-title span { color: #98a2b3; font-size: 12px; }
/* 订单附件/加工清单 可折叠（2026-08-29）：默认展开，点击标题栏或箭头收起 */
.detail-section[data-collapsible] .detail-section-title { cursor: pointer; }
.detail-section[data-collapsible] .detail-section-title .section-collapse { border: 0; background: transparent; color: #98a2b3; font-size: 14px; line-height: 1; cursor: pointer; padding: 4px 6px; margin-left: 10px; border-radius: 4px; transition: transform .15s, color .15s, background .15s; }
.detail-section[data-collapsible] .detail-section-title .section-collapse:hover { color: #1769c2; background: #f2f4f7; }
.detail-section[data-collapsible].collapsed .section-collapse { transform: rotate(-90deg); }
.detail-section[data-collapsible].collapsed > .detail-section-title { border-bottom: 0; padding-bottom: 0; }
.detail-section[data-collapsible].collapsed > *:not(.detail-section-title) { display: none; }
.order-detail .attachment-list, .flow-timeline { list-style: none; padding: 0; margin: 0; }
/* 2026-08-29：附件列表加 .order-detail 作用域，防止后加载的 quote-flow.css 全局 .attachment-list li(flex 卡片) 覆盖 grid 四列对齐；并显式 reset quote-flow 残留的 border/margin/圆角/底色 */
.order-detail .attachment-list li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(100px, 180px) auto auto; gap: 16px; align-items: center; padding: 15px 0; margin: 0; border: 0; border-radius: 0; background: transparent; border-bottom: 1px solid #edf0f4; }
.order-detail .attachment-list li:last-child { border-bottom: 0; }
.order-detail .attachment-list li > span { min-width: 0; word-break: break-all; }
.order-detail .attachment-list small { color: #667085; }
.order-detail .attachment-list a { color: #1769c2; text-decoration: none; }
.flow-timeline li { position: relative; display: flex; gap: 16px; padding: 18px 0 4px; }
/* 2026-08-29：限定作用域并显式复位定位，防止 projects.css 全局 .timeline-dot(absolute) 覆盖导致文字与圆点重叠 */
.flow-timeline .timeline-dot { position: static; width: 10px; height: 10px; border-radius: 50%; background: #347ff0; flex: 0 0 auto; margin-top: 5px; box-shadow: 0 0 0 4px #e7f0ff; }
.flow-timeline strong { color: #344054; }
.flow-timeline p { margin: 5px 0; color: #667085; }
.flow-timeline time { color: #98a2b3; font-size: 12px; }
.detail-empty { color: #98a2b3; padding: 20px 0 !important; }
.status-pending_machining_acceptance { background: #fff3d6; color: #8a5200; }
.due-date-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.due-date-editor input{min-width:190px}.due-date-shortcuts{display:inline-flex;gap:2px;flex-wrap:wrap}
.priority { display: inline-flex; align-items: center; min-height: 38px; padding: 5px 16px; border-radius: 6px; font-size: 24px; font-weight: 700; }
.priority-normal { background: #e8f6ee; color: #16734a; }
.priority-urgent { background: #fff2d6; color: #9a5700; }
.priority-critical { background: #feeceb; color: #b42318; }
/* 成品卡片操作按键化（2026-08-29）：终检归档/编辑/删除/完成生产订单 由文字链接改为按键 */
.production-product-actions { display: inline-flex; gap: 6px; margin-left: 10px; vertical-align: middle; }
.production-product-actions .link-button { border: 1px solid #b7cef4; background: #fff; color: #1769c2; border-radius: 6px; padding: 5px 12px; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: background .15s; }
.production-product-actions .link-button:hover { background: #e7f0ff; }
.production-product-actions .link-button.danger { border-color: #f1aaa5; color: #b42318; }
.production-product-actions .link-button.danger:hover { background: #fff4f3; }
.detail-section-title .link-button[data-production-order-complete] { border: 1px solid #b7cef4; background: #fff; color: #1769c2; border-radius: 6px; padding: 6px 14px; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: background .15s; }
.detail-section-title .link-button[data-production-order-complete]:hover { background: #e7f0ff; }
/* 订单附件「追加附件」按键化（2026-08-29）：上传主操作，实心主色按钮 */
.attachment-append .link-button { display: inline-flex; align-items: center; border: 1px solid #1769c2; background: #1769c2; color: #fff; border-radius: 6px; padding: 8px 18px; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: background .15s; }
.attachment-append .link-button:hover { background: #0f55a4; }
.attachment-append .muted { color: #98a2b3; font-size: 12px; }
@media (max-width: 800px) {
  .order-open { display: block; margin-top: 14px; }
  .detail-heading h2 { font-size: 22px; }
  .detail-stage { display: block; }
  .detail-actions { justify-content: flex-start; margin-top: 18px; }
  .detail-action { width: 100%; }
  .detail-facts { grid-template-columns: 1fr 1fr; }
  .detail-facts > div:nth-child(2) { border-right: 0; }
  .detail-facts > div:nth-child(-n+2) { border-bottom: 1px solid #e4e7ec; }
  .order-detail .attachment-list li { grid-template-columns: 1fr auto; }
  .order-detail .attachment-list small { grid-column: 1 / -1; }
  .detail-readonly { white-space: normal; margin-top: 14px; }
}