/* ============================================================
   buttons.css — 按钮系统
   操作按钮、漏斗按钮、跟进按钮
   ============================================================ */

/* ============================================================
   通用操作按钮
   ============================================================ */
.action-btns {
  display: flex;
  gap: 6px;
}

.act-btn {
  padding: 4px 10px;
  border-radius: 5px;
  font-size: var(--fs-xs);
  cursor: pointer;
  border: 1px solid var(--border);
  background: var(--bg-input);
  color: var(--text-2);
  transition: var(--tr);
  font-family: inherit;
}

.act-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.act-btn.danger:hover {
  border-color: var(--danger);
  color: var(--danger);
}

/* ============================================================
   漏斗阶段按钮
   ============================================================ */
.funnel-btn {
  padding: 5px 10px;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: var(--tr);
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.funnel-btn.btn-intention  { background: var(--primary-light); color: var(--primary); }
.funnel-btn.btn-intention:hover  { background: var(--primary); color: var(--text-inverse); }
.funnel-btn.btn-following  { background: var(--orange-light); color: var(--orange); }
.funnel-btn.btn-following:hover  { background: var(--orange); color: var(--text-inverse); }
.funnel-btn.btn-offer      { background: var(--gold-light);   color: #c77d00; }
.funnel-btn.btn-offer:hover      { background: var(--gold);   color: var(--text-inverse); }
.funnel-btn.btn-signed     { background: var(--success-light); color: var(--success); }

.funnel-btn-sm {
  padding: 5px 10px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--fs-sm);
  color: var(--text-2);
  cursor: pointer;
  transition: var(--tr);
  font-family: inherit;
}

.funnel-btn-sm:hover {
  border-color: var(--primary);
  color: var(--primary);
}

/* ============================================================
   跟进按钮
   ============================================================ */
.fu-btn {
  padding: 4px 10px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg);
  font-size: var(--fs-sm);
  color: var(--text-2);
  cursor: pointer;
  transition: var(--tr);
  font-family: inherit;
}

.fu-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.fu-btn.danger:hover {
  border-color: var(--danger);
  color: var(--danger);
}

.fu-btn.primary {
  background: var(--primary);
  color: var(--text-inverse);
  border-color: var(--primary);
}

.fu-btn.primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--text-inverse);
}

.fu-btn.arrow::after {
  content: ' \2192';
}