/* 客户档案页 · 重新设计 */
.detail-heading{margin-bottom:20px}
.detail-heading h2{font:600 23px/1.3 "Inter","PingFang SC",sans-serif;letter-spacing:.2px}
.detail-heading p{font-size:12px}
.detail-actions .btn{border-radius:9px;font-weight:750}

.steps{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 22px;margin-bottom:18px}

.detail-main{display:grid;gap:14px}
.detail-main .panel{padding:22px 24px;border-radius:14px}
.detail-main .panel-head{margin-bottom:16px}
.detail-main .panel-head h3{font-size:16px}

.detail-side{gap:14px}
.detail-side .panel{padding:18px 20px;border-radius:14px}
.detail-side .panel-head{margin-bottom:12px}
.detail-side .panel-head h3{font-size:15px}
.detail-side .module-intro{margin:0 0 14px;font-size:11.5px;line-height:1.65;color:var(--muted)}

/* 证件资料：取消粘性定位，随页面正常滚动，避免滚动时与左侧栏目重叠 */
.detail-side .sticky{position:static;max-height:none;overflow:visible}

/* 证件卡片 */
.doc-slots{gap:8px;margin-bottom:0}
.doc-slot{overflow:hidden;padding:10px 12px;border:1px solid #e1e7ed;border-radius:10px;background:#fbfcfd;gap:10px}
.doc-slot.ready{border-color:#cfe0d8;background:#f6faf8}
.doc-slot:hover{border-color:#c99a45;box-shadow:0 4px 12px rgba(16,35,57,.05)}
.doc-icon{width:32px;height:32px;border-radius:9px;background:#edf2f6}
.doc-info b{font-size:12px}
.doc-info small{font-size:10px}

/* 文件输入框彻底不可见、不产生任何渲染条 */
.doc-slot input{position:absolute;inset:0;opacity:0;cursor:pointer;color:transparent;background:transparent;border:0;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.doc-slot input:focus,.doc-slot input:focus-visible{outline:0;box-shadow:none}
/* 任何混入证件区的进度条/装饰横条一律隐藏 */
#documentSlots .progress,
#documentSlots .module-progress,
#documentSlots progress,
#documentSlots hr,
#documentSlots [class*="progress"]{display:none!important}

/* 处理进度：进度条改中性蓝灰色，不再出现金色横条 */
.detail-side .module-progress{background:#eef1f4}
.detail-side .module-progress i{background:linear-gradient(90deg,#7d94ac,#a9bbcc)!important}
.mini-job .module-progress{height:6px;margin-top:8px}

/* 客户填写资料摘要 */
.intake-summary section{background:#fbfcfd;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:12px}
.intake-summary section+section{border-top:1px solid var(--line)}
.intake-summary h4{margin:0 0 10px;font-size:12px;letter-spacing:.6px;color:#8a6a28;font-weight:800}
.intake-summary dl{margin:0;display:grid;gap:6px}
.intake-summary dt{font-size:11px;color:var(--muted)}
.intake-summary dd{margin:0;font-size:12px;font-weight:650}

/* 业务进度时间线 */
.progress-event{padding:0 0 14px}
.progress-event b{font-size:13px}
.progress-event p{font-size:11px}

/* ============ 客户档案 · 深蓝 × 金色 高端配色 ============ */
#detailView{background:radial-gradient(1100px 520px at 85% -8%,rgba(201,154,69,.10),transparent 60%),radial-gradient(900px 480px at -8% 108%,rgba(66,125,175,.14),transparent 55%),linear-gradient(180deg,#0a1f38 0%,#081a30 60%,#061425 100%);border-radius:18px;padding:20px 22px 28px;color:#e9eef6}

/* 顶部操作区 */
#detailView .detail-heading h2{color:#f3ead6}
#detailView .detail-heading p{color:#8fa1b8}
#detailView .back-btn{background:rgba(7,24,43,.65);border:1px solid rgba(201,154,69,.3);color:#c7d4e3}
#detailView .back-btn:hover{border-color:#c99a45;color:#f0d491}
#detailView .client-avatar{background:linear-gradient(145deg,#123a63,#0b2340);border:1px solid rgba(201,154,69,.35);color:#f0d491}
#detailView .btn.danger{background:rgba(120,30,40,.32);color:#ef8b93;border:1px solid rgba(231,124,134,.42);border-radius:9px}
#detailView .btn.danger:hover{background:rgba(140,36,48,.5)}
#detailView .btn.secondary{background:rgba(201,154,69,.12);color:#f0d491;border:1px solid rgba(201,154,69,.35);border-radius:9px}
#detailView .btn.secondary:hover{background:rgba(201,154,69,.2)}

/* 步骤条 */
#detailView .steps{background:rgba(10,29,52,.72);border:1px solid rgba(201,154,69,.28);border-radius:12px}
#detailView .step{color:#93a5ba}
#detailView .step b{background:rgba(201,154,69,.14);color:#e0c084;border:1px solid rgba(201,154,69,.25)}
#detailView .step.active{color:#f0d491}
#detailView .step.active b{background:#c99a45;color:#10243d;border-color:#c99a45}
#detailView .steps i{background:rgba(201,154,69,.18)}

/* 面板 */
#detailView .panel{background:linear-gradient(180deg,rgba(15,35,60,.9),rgba(9,26,46,.93));border:1px solid rgba(201,154,69,.18);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)}
#detailView .panel-head h3{color:#f3ead6}
#detailView .eyebrow.dark{color:#d3a75d}
#detailView .muted{color:#8fa1b8}
#detailView .badge{background:rgba(201,154,69,.12);color:#e0c084;border:1px solid rgba(201,154,69,.25)}
#detailView .badge.done,#detailView .badge.review_ready{background:rgba(62,207,142,.14);color:#5ce0a7;border-color:rgba(62,207,142,.35)}
#detailView .badge.review,#detailView .badge.queued,#detailView .badge.running{background:rgba(201,154,69,.16);color:#f0d491;border-color:rgba(201,154,69,.4)}
#detailView .badge.needs_human,#detailView .badge.failed{background:rgba(231,124,134,.14);color:#ef8b93;border-color:rgba(231,124,134,.35)}

/* 表单 */
#detailView .form-grid label{color:#b9c8d8}
#detailView .form-grid input,#detailView .form-grid select{background:rgba(7,24,43,.72);border:1px solid rgba(201,154,69,.22);border-radius:9px;color:#eef2f7}
#detailView .form-grid input::placeholder{color:#5f738b}
#detailView .form-grid input:focus,#detailView .form-grid select:focus{border-color:#c99a45;box-shadow:0 0 0 3px rgba(201,154,69,.18),0 0 18px rgba(201,154,69,.1);background:rgba(10,30,54,.95)}
#detailView .form-grid select option{background:#0d2440;color:#e9eef6}
#detailView .form-hint{color:#e2b066}

/* 识别核对提示：编号里的字母/数字易混字符（Q/0、O/0、I/1…）当场提醒逐字核对 */
#detailView .form-grid label small.field-warning{color:#f0c274;font-size:11.5px;line-height:1.5}
#detailView #recognitionHints{display:flex;flex-direction:column;gap:8px}
#detailView #recognitionHints .recognition-hint{margin:0;padding:9px 12px;border-left:3px solid #c99a45;border-radius:8px;background:rgba(201,154,69,.1);color:#e7d9bd;font-size:12.5px;line-height:1.6}

/* 证件资料 */
#detailView .doc-slot{background:rgba(7,24,43,.55);border:1px dashed rgba(201,154,69,.3)}
#detailView .doc-slot.ready{border-style:solid;border-color:rgba(62,207,142,.42);background:rgba(19,52,42,.26)}
#detailView .doc-slot:hover{border-color:#e2bc6f;background:rgba(13,35,63,.85);box-shadow:0 8px 22px rgba(0,0,0,.3),0 0 16px rgba(201,154,69,.08)}
#detailView .doc-icon{background:rgba(201,154,69,.14);color:#e2bc6f}
#detailView .doc-info b{color:#e6edf5}
#detailView .doc-info small{color:#8fa1b8}
#detailView .btn.primary{background:linear-gradient(145deg,#e0b45f,#b7842e);color:#10243d;border-radius:9px;box-shadow:0 8px 22px rgba(201,154,69,.25)}
#detailView .btn.primary:hover{background:linear-gradient(145deg,#ecc97c,#c99a45);transform:none}
#detailView .btn.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}
#refreshRecognitionStatus{margin-top:8px;min-height:18px;font-size:12px;color:#8fa1b8}

/* 客户填写资料摘要 */
#detailView .intake-summary section{background:rgba(7,24,43,.55);border:1px solid rgba(201,154,69,.18);border-radius:10px}
#detailView .intake-summary h4{color:#e0c084}
#detailView .intake-summary dt{color:#8fa1b8}
#detailView .intake-summary dd{color:#e6edf5}