/**
 * 金额行与全局高亮态：`.rc-amount` 主行（含 `__main / __prefix / --with-badge`）、
 * `.rc-items-count` 副计数，以及 `.rc-highlight--*` 状态色（danger / warn / info /
 * overtime / paid / unpaid）。预留态已付的金额回退黑灰也在此处统一处理。
 */

/* ==================== Amount row ==================== */

.rc-amount {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

/** 金额图标与数字紧贴；与角标的间距由 .rc-amount--with-badge 的 gap 控制 */
.rc-amount__main {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.rc-amount__prefix {
  margin-right: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: currentColor;
}

.rc-amount__main .rc-icon {
  margin-right: 0;
  flex-shrink: 0;
}

.rc-amount--with-badge {
  flex-wrap: wrap;
  gap: 8px;
}

.rc-items-count {
  font-size: 12px;
  color: var(--c-text-3);
  font-weight: 500;
  margin-top: -4px;
}

/* ==================== Highlights ==================== */

.rc-highlight--danger {
  color: #d4380d;
  font-weight: 600;
}

.rc-highlight--warn {
  color: #e37318;
  font-weight: 600;
}

.rc-highlight--info {
  color: #1677b6;
  font-weight: 500;
}

.rc-highlight--overtime {
  color: #f5c542;
  font-weight: 600;
}

.rc-highlight--paid {
  color: #34c759;
  font-weight: 600;
}

.rc-highlight--unpaid {
  color: var(--rc-pay-unpaid);
  font-weight: 600;
}

/**
 * 预留（未占用）且已付：金额为正文黑/灰阶，付款小块（.rc-compact__badge--paid）保持绿色边框与字色。
 * 避免与占用态整盘深绿底+白字混淆。
 */
.rc.rc--reserved .rc-amount.rc-highlight--paid,
.rc.rc--reserved .rc-compact__amount.rc-highlight--paid {
  color: var(--c-text-1);
}