/* 待关联订单（销售） */
/* hidden 属性说了算。下面有的块自己写了 display（.oc-non 的 display:flex 曾让“签约渠道”在点了“是”以后还留在页面上，订单被误标成非线上）。 */
#view-order-claims [hidden]{display:none!important}
#view-order-claims .oc-tip{background:#fff8ec;border:1px solid #f5d9a8;color:#8a5a12;border-radius:9px;padding:10px 14px;font-size:13px;line-height:1.7;margin:12px 0 16px}
#view-order-claims .oc-card{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.6fr);gap:18px 26px;background:#fff;border:1px solid #d7e2f2;border-radius:12px;padding:18px 20px;margin-bottom:14px}
#view-order-claims .oc-order h3{margin:0 0 8px;font-size:16px}
#view-order-claims .oc-order p{margin:4px 0;font-size:13px;color:#334155}
#view-order-claims .oc-reason{color:#b45309!important;font-size:12px!important;margin-top:10px!important}
/* 管理员退回的认领：这笔订单又回到待处理，写着退回原因。 */
#view-order-claims .oc-order .oc-rejected{margin:10px 0 0;padding:8px 10px;border:1px solid #f3b4b7;border-radius:8px;background:#fff5f5;color:#8f1d22;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#view-order-claims .oc-pick h4{margin:0 0 8px;font-size:14px}
#view-order-claims .oc-cand{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid #e2eaf4;border-radius:8px;margin-bottom:6px;cursor:pointer}
#view-order-claims .oc-cand:has(input:checked){border-color:#2f6fff;background:#f4f8ff}
#view-order-claims .oc-cand input{margin-top:4px}
#view-order-claims .oc-cand small{display:block;color:#607086;font-size:12px;margin-top:3px}
#view-order-claims .oc-cand small.oc-won{color:#1f7a47;font-weight:600}
/* 一条候选 = 线索本身 + 选中后紧跟在它下面的那一行（登记的来源、“确认是这条”）。 */
#view-order-claims .oc-row{margin-bottom:6px}
#view-order-claims .oc-row .oc-cand{margin-bottom:0}
#view-order-claims .oc-row:has(input:checked) .oc-cand{border-radius:8px 8px 0 0}
#view-order-claims .oc-same{display:inline-block;margin:0 2px;padding:1px 8px;border:1px solid #b7e0c4;border-radius:999px;background:#e7f6ec;color:#1f7a47;font-size:12px;font-weight:600;font-style:normal;white-space:nowrap}
#view-order-claims .oc-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:9px 10px 10px 33px;border:1px solid #2f6fff;border-top:0;border-radius:0 0 8px 8px;background:#f4f8ff;font-size:13px;color:#334155}
#view-order-claims .oc-confirm span{flex:1 1 170px;overflow-wrap:anywhere}
#view-order-claims .oc-confirm .btn{flex:0 0 auto;white-space:nowrap}
#view-order-claims .oc-confirm .da-error{flex-basis:100%;margin:0;padding:4px 8px;border-radius:6px;font-size:13px}
#view-order-claims .oc-confirm .da-error:empty{display:none}
/* 所选线索下面那一行里的“渠道”下拉（聚光 / ADQ / 爬虫（拓客池），按线索预选）。 */
#view-order-claims .oc-channel{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;font-size:13px;color:#334155;white-space:nowrap}
#view-order-claims .oc-channel select{min-height:34px;border:1px solid #c5d5ea;border-radius:8px;padding:4px 8px;background:#fff;font-size:13px}
#view-order-claims .oc-nolead{margin:10px 0 0;font-size:13px}
#view-order-claims .oc-nolead .da-link{text-decoration:underline}
#view-order-claims .oc-search{width:100%;min-height:36px;border:1px solid #c5d5ea;border-radius:8px;padding:6px 10px;margin:6px 0}
#view-order-claims .oc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
#view-order-claims .oc-non{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding:10px;background:#f7f9fc;border-radius:8px}
#view-order-claims .oc-non select,#view-order-claims .oc-non input{min-height:36px;border:1px solid #c5d5ea;border-radius:8px;padding:6px 10px}
#view-order-claims .oc-non input{flex:1;min-width:160px}
#nav-order-claims.oc-has-pending{font-weight:600}
#order-claims-badge{background:#e5484d} .oc-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:0 0 14px;padding:10px 14px;border:2px solid #e5484d;border-radius:10px;background:#fff5f5;color:#8f1d22;font-size:14px;font-weight:600;line-height:1.6} .oc-banner span{flex:1 1 220px;min-width:0;overflow-wrap:anywhere} .oc-banner .btn{flex:0 0 auto;white-space:nowrap} #view-order-claims .oc-handled{margin:8px 0 0;padding:0 0 0 20px;font-size:13px;line-height:1.9;color:#334155;overflow-wrap:anywhere} #view-order-claims .oc-handled .oc-by-other{color:#8f1d22;font-weight:600}
@media(max-width:800px){#view-order-claims .oc-card{grid-template-columns:1fr}#view-order-claims .oc-confirm{padding-left:10px}#view-order-claims .oc-channel{flex:1 1 100%}#view-order-claims .oc-channel select{flex:1;min-height:40px}#view-order-claims .oc-confirm .btn{flex:1 1 100%;min-height:40px}}

#view-order-claims .oc-steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#view-order-claims .oc-step{flex:1;min-width:180px;padding:11px 14px;border:1px solid #c5d5ea;border-radius:9px;background:#fff;cursor:pointer;font-size:14px;color:#0f172a}
#view-order-claims .oc-step:hover{border-color:#2f6fff}
#view-order-claims .oc-step.on{border-color:#2f6fff;background:#eef4ff;color:#1d4ed8;font-weight:600}
/* “是，线上线索”是主按钮：没点之前就醒目，排在前面；“不是”是普通按钮。选中的那个前面有一个勾。 */
#view-order-claims .oc-step-online{border-color:#2f6fff;background:#2f6fff;color:#fff;font-weight:600;box-shadow:0 6px 16px rgba(47,111,255,.24)}
#view-order-claims .oc-step-online:hover{border-color:#245ce0;background:#245ce0}
#view-order-claims .oc-step-online.on{border-color:#1d4ed8;background:#1d4ed8;color:#fff;box-shadow:0 0 0 3px rgba(47,111,255,.3)}
#view-order-claims .oc-step.on::before{content:"✓ "}
#view-order-claims .oc-step:focus-visible{outline:3px solid #95abcf;outline-offset:2px}
#view-order-claims .oc-non label{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}
#view-order-claims .oc-online{margin-top:4px}

#view-order-claims .oc-section{margin:26px 0 6px;font-size:16px}
#view-order-claims .oc-check{border-left:3px solid #f0a23b}

/* “是线上客户，但找不到线索”的说明（弹窗挂在 body 下，不在 #view-order-claims 里）。 */
#oc-nolead-dialog{width:min(480px,94vw)}
#oc-nolead-dialog h3{margin:0 0 10px;font-size:16px}
#oc-nolead-dialog p{margin:8px 0;font-size:14px;line-height:1.7;color:#334155}
#oc-nolead-dialog ol{margin:6px 0 10px;padding-left:24px;font-size:14px;line-height:1.9;color:#0f172a}
#oc-nolead-dialog .oc-nolead-note{padding:8px 12px;border:1px solid #f5d9a8;border-radius:8px;background:#fff8ec;color:#8a5a12;font-size:13px}
/* 手机上“撤回”是一个够大的按钮，不是一行小字（负责人 2026-10-14）。 */
@media(max-width:800px){#view-order-claims .oc-withdraw{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:88px;margin:6px 0 4px;padding:6px 18px;border:1px solid #2f6fff;border-radius:8px;background:#fff;color:#2f6fff;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}}