.deal-sum-bar { display:flex; gap:22px; flex-wrap:wrap; background:#f7f9fc; border:1px solid #eef1f5; border-radius:8px; padding:9px 14px; font-size:13px; color:#556; margin-bottom:10px; }
.deal-sum-bar b { font-weight:600; margin-left:4px; }
.row-expired td { background:#fdf0f0 !important; }
.row-expiring td { background:#fffaf0 !important; }
.row-debt td { background:#f5f6f8 !important; }

/* 到期提醒条 */
.deal-alert { display:flex; align-items:center; gap:16px; flex-wrap:wrap; background:#fff; border:1px solid #f0e3c4; border-radius:10px; padding:10px 16px; cursor:pointer; transition:box-shadow .15s; }
.deal-alert:hover { box-shadow:0 3px 12px rgba(15,40,80,.08); }
.da-item { font-size:13px; }
.da-over { color:#a32d2d; font-weight:600; }
.da-soon { color:#854f0b; }
.da-more { margin-left:auto; font-size:12px; color:#185fa5; }
/* ===== 成交详情（3 Tab + 进度条 + 分组） ===== */
.deal-progress { background:var(--bg2); border-radius:10px; padding:12px 16px; margin-bottom:16px; }
.deal-progress-info { display:flex; gap:18px; font-size:13px; color:#5b6470; }
.deal-tabs { display:flex; gap:0; border-bottom:0.5px solid var(--line); margin-bottom:16px; }
.deal-tab { background:transparent; border:none; padding:10px 18px; font-size:13px; color:#5b6470; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; transition:all .15s; }
.deal-tab:hover { color:var(--blue2); }
.deal-tab.active { color:var(--blue2); border-bottom-color:var(--blue2); font-weight:600; }
.deal-tab-pane { animation: fadeIn .2s; }
@keyframes fadeIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
.deal-group { margin-bottom:18px; }
.deal-group-title { font-size:13px; font-weight:600; color:var(--blue); padding:8px 12px; background:#f2f6fc; border-left:3px solid var(--blue2); border-radius:0 6px 6px 0; margin-bottom:10px; }
.deal-cust-badge { background:var(--bg3); color:var(--blue2); font-size:11px; padding:1px 6px; border-radius:3px; margin-left:6px; font-weight:500; }
.loyalty-tag { vertical-align:middle; }
