/* 审批中心模块样式 (V1.1) */

/* 审批状态标签 */
.apr-status { display:inline-block; padding:2px 10px; border-radius:10px; font-size:12px; font-weight:500; white-space:nowrap; }
.apr-status.pending   { background:#e8f0fe; color:#1967d2; }
.apr-status.approved  { background:#e6f4ea; color:#137333; }
.apr-status.rejected  { background:#fce8e6; color:#c5221f; }
.apr-status.withdrawn { background:#fef7e0; color:#b06000; }
.apr-status.canceled  { background:#f1f3f4; color:#5f6368; }

/* 审批中心列表 */
.apr-list table td { font-size:13px; }
.apr-biz-icon { font-size:16px; vertical-align:middle; margin-right:4px; }

/* 审批详情页 */
.apr-detail { display:flex; gap:20px; align-items:flex-start; }
.apr-detail-left { flex:1; min-width:0; }
.apr-detail-right { width:340px; flex-shrink:0; }

@media (max-width:900px){
  .apr-detail { flex-direction:column; }
  .apr-detail-right { width:100%; }
}

/* 表单信息卡片 */
.apr-form-card { background:var(--bg,#fff); border:1px solid var(--line,#e0e0e0); border-radius:8px; padding:16px 20px; margin-bottom:16px; }
.apr-form-card h3 { margin:0 0 12px; font-size:15px; color:var(--text,#1f2d3d); font-weight:600; }
.apr-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 24px; }
@media (max-width:600px){ .apr-form-grid { grid-template-columns:1fr; } }
.apr-form-item { display:flex; flex-direction:column; gap:2px; }
.apr-form-item label, .apr-form-item .label { font-size:12px; color:var(--text2,#8a98a8); }
.apr-form-item span, .apr-form-item .value { font-size:14px; color:var(--text,#1f2d3d); word-break:break-all; }
.apr-form-item.full, .apr-form-item-full { grid-column:1/-1; }

/* 流程步骤时间线 */
.apr-timeline { background:var(--bg,#fff); border:1px solid var(--line,#e0e0e0); border-radius:8px; padding:16px 20px; }
.apr-timeline h3 { margin:0 0 16px; font-size:15px; font-weight:600; }
.apr-step { display:flex; gap:12px; padding-bottom:20px; position:relative; }
.apr-step:last-child { padding-bottom:0; }
.apr-step::before { content:''; position:absolute; left:15px; top:32px; bottom:0; width:2px; background:var(--line,#e0e0e0); }
.apr-step:last-child::before { display:none; }
.apr-step-icon { width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; z-index:1; }
.apr-step-icon.done     { background:#e6f4ea; color:#137333; }
.apr-step-icon.pending  { background:#e8f0fe; color:#1967d2; }
.apr-step-icon.waiting  { background:#f1f3f4; color:#9aa; }
.apr-step-icon.rejected { background:#fce8e6; color:#c5221f; }
.apr-step-body { flex:1; min-width:0; padding-top:4px; }
.apr-step-name { font-size:14px; font-weight:500; color:var(--text,#1f2d3d); margin-bottom:2px; }
.apr-step-meta { font-size:12px; color:var(--text2,#8a98a8); }
.apr-step-comment { font-size:13px; color:var(--text,#1f2d3d); background:var(--bg2,#f5f7fa); border-radius:4px; padding:6px 10px; margin-top:4px; }

/* 审批操作区 */
.apr-actions { display:flex; gap:10px; align-items:center; margin-top:16px; flex-wrap:wrap; }
.apr-actions textarea { flex:1; min-width:200px; min-height:60px; border:1px solid var(--line,#d0d5dd); border-radius:6px; padding:8px 12px; font-size:13px; resize:vertical; font-family:inherit; }

/* 发起审批表单 */
.apr-new-form { max-width:640px; margin:0 auto; }
.apr-new-form .form-group { margin-bottom:16px; }
.apr-new-form .form-group label { display:block; font-size:13px; color:var(--text,#1f2d3d); margin-bottom:4px; font-weight:500; }
.apr-new-form .form-group label .req { color:#c5221f; }
.apr-new-form .form-group input,
.apr-new-form .form-group select,
.apr-new-form .form-group textarea { width:100%; border:1px solid var(--line,#d0d5dd); border-radius:6px; padding:8px 12px; font-size:14px; box-sizing:border-box; font-family:inherit; }
.apr-new-form .form-group textarea { min-height:70px; resize:vertical; }
.apr-new-biz-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; margin-bottom:20px; }
.apr-biz-card { border:2px solid var(--line,#e0e0e0); border-radius:10px; padding:16px; cursor:pointer; text-align:center; transition:border-color .15s,background .15s; }
.apr-biz-card:hover { border-color:var(--blue,#0e3f8f); background:var(--bg2,#f5f7fa); }
.apr-biz-card.selected { border-color:var(--blue,#0e3f8f); background:#e8f0fe; }
.apr-biz-card .icon { font-size:28px; margin-bottom:6px; }
.apr-biz-card .name { font-size:14px; font-weight:500; }

/* 空状态 */
.apr-empty { text-align:center; padding:40px 20px; color:var(--text2,#9aa); font-size:14px; }

/* 列表页 Tabs（继承 components .tabs 风格，兜底自实现） */
.apr-center-tabs { display:flex; gap:6px; margin:0 0 12px; flex-wrap:wrap; }
.apr-center-tabs .tab { padding:7px 16px; border-radius:999px; font-size:13px; color:#556; background:#fff; border:1px solid var(--line,#e5e8ef); cursor:pointer; text-decoration:none; transition:.18s; }
.apr-center-tabs .tab:hover { color:#0e3f8f; border-color:#0e3f8f; }
.apr-center-tabs .tab.active { background:#0e3f8f; color:#fff; border-color:#0e3f8f; font-weight:600; }

/* 审批配置：流程节点设计器 */
.apr-node-card { border:1px solid var(--line,#e0e0e0); border-radius:10px; padding:12px 14px; margin-bottom:12px; background:#fff; }
.apr-node-card:hover { border-color:#c0c8d4; }
.apr-node-head { display:flex; align-items:center; gap:10px; }
.apr-node-badge { display:inline-flex; align-items:center; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:600; white-space:nowrap; }
.apr-node-badge-approval { background:#e8f0fe; color:#1967d2; }
.apr-node-badge-condition { background:#fef7e0; color:#b06000; }
.apr-node-badge-cc { background:#f1f3f4; color:#5f6368; }
.apr-node-body label { font-size:12px; color:var(--text2,#8a98a8); white-space:nowrap; }

/* 可搜索下拉选择（客户/成交等大数据量关联字段：输入关键词实时过滤，替代纯 select） */
.apr-search-select { position:relative; }
.apr-search-select .apr-search-drop { position:absolute; top:100%; left:0; right:0; margin-top:4px; background:#fff; border:1px solid var(--line,#e0e0e0); border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.12); max-height:260px; overflow:auto; z-index:100; display:none; }
.apr-search-item { padding:8px 12px; font-size:13px; color:var(--text,#1f2d3d); cursor:pointer; line-height:1.4; }
.apr-search-item:hover { background:var(--bg2,#f5f7fa); }
.apr-search-empty { padding:8px 12px; font-size:13px; color:#99a; }