/* approval.css —— 报修工单分级审批 + 审批链 + 配件清单编辑器 */
.rep-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.rep-head .code{font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--ink-soft);letter-spacing:.5px}

.rep-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0 0 14px}
.rep-kpi{background:#fff;border:1.5px solid #e0e6f0;border-radius:10px;padding:10px 12px;text-align:center}
.rep-kpi b{display:block;font-size:20px;line-height:1.2;color:#1a1a2e}
.rep-kpi span{font-size:12px;color:#8a93a6}
.rep-kpi.red{border-color:#f3c9c9;background:#fdf5f5}
.rep-kpi.red b{color:#c0392b}
.rep-kpi.orange{border-color:#f5dfba;background:#fdf9f0}
.rep-kpi.orange b{color:#b7791f}
.rep-kpi.blue{border-color:#c9dcf3;background:#f5f9fe}
.rep-kpi.blue b{color:#1c6fd6}
.rep-kpi.green{border-color:#c3e3cd;background:#f4fbf6}
.rep-kpi.green b{color:#2e7d4f}

.ap-chain{display:flex;flex-direction:column;gap:8px}
.ap-step{display:flex;align-items:flex-start;gap:10px;border:1.5px solid #e0e6f0;border-radius:10px;padding:10px 12px;background:#fff;transition:border-color .2s,background .2s}
.ap-step.待审{border-color:#f0b6b6;background:#fdf6f6}
.ap-step.已同意{border-color:#c3e3cd;background:#f6fbf7}
.ap-step.已驳回{border-color:#d8d8d8;background:#fafafa}
.ap-step-no{width:22px;height:22px;border-radius:50%;background:#1c6fd6;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;flex:0 0 22px}
.ap-step-main{flex:1;min-width:0}
.ap-step-title{font-size:13.5px;font-weight:600;color:#1a1a2e}
.ap-step-sub{font-size:12px;color:#8a93a6;margin-top:2px}
.ap-step-meta{font-size:12px;color:#5a6478;margin-top:4px;background:#f5f7fa;border-radius:6px;padding:4px 8px}

.parts-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.part-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.part-row input{border:1px solid #d5dce8;border-radius:6px;padding:6px 8px;font-size:13px}
.part-row input:nth-child(1){flex:2 1 150px}
.part-row input:nth-child(2){flex:2 1 150px}
.part-sub{font-size:12.5px;color:#1c6fd6;min-width:96px;text-align:right;font-weight:600}

.rep-logs{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}
.rep-log{border-left:2px solid #dbe3ef;padding:2px 0 2px 10px}
.rep-log-meta{font-size:11.5px;color:#98a1b3}
.rep-log-text{font-size:13px;color:#2a3a52;margin-top:2px;white-space:pre-wrap}
.rep-compose{display:flex;gap:8px;align-items:flex-start;margin-top:14px}
.rep-compose textarea{flex:1;border:1px solid #d5dce8;border-radius:8px;padding:8px;font-size:13px;font-family:inherit;resize:vertical}

@media (max-width:760px){
  .part-row input{width:100% !important;flex:1 1 100% !important}
  .part-sub{text-align:left}
  .rep-kpis{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}
}