/* service-record-card 组件样式 */

.svc-card {
  padding: 22rpx 26rpx;
  border-radius: 22rpx;
  border: 2rpx solid #eeeeee;
  background: linear-gradient(135deg, #fafafa 0%, #fff 100%);
}

.svc-card--hover {
  background: #f5f5f5;
}

.svc-card--recharge {
  background: linear-gradient(135deg, #fffef0 0%, #fffbeb 100%);
  border-color: #fef3c7;
}

/* 行通用 */
.svc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.svc-row1 {
  margin-bottom: 14rpx;
}

/* 第一行左：时间 */
.svc-time {
  font-size: 24rpx;
  line-height: 32rpx;
  color: #8b8b8b;
}

/* 第一行右：课程+台桌+小时 */
.svc-right1 {
  display: flex;
  align-items: center;
  gap: 10rpx;
}

.svc-course-tag {
  font-size: 22rpx;
  line-height: 29rpx;
  font-weight: 500;
  padding: 3rpx 12rpx;
  border-radius: 8rpx;
}

.svc-course-basic {
  background: rgba(0, 168, 112, 0.10);
  color: #00a870;
}

.svc-course-vip {
  background: rgba(0, 82, 217, 0.10);
  color: #0052d9;
}

.svc-course-tip {
  background: rgba(237, 123, 47, 0.10);
  color: #ed7b2f;
}

.svc-course-recharge {
  background: rgba(212, 160, 23, 0.12);
  color: #b45309;
}

.svc-table-label {
  font-size: 22rpx;
  line-height: 29rpx;
  color: #5a5a5a;
  font-weight: 500;
}

.svc-hours {
  font-size: 28rpx;
  line-height: 36rpx;
  font-weight: 700;
  color: #393939;
  font-variant-numeric: tabular-nums;
}

.svc-hours-raw {
  font-size: 20rpx;
  line-height: 29rpx;
  color: #b9b9b9;
}

/* 第二行左：商品（最多2行，超出省略） */
.svc-drinks {
  font-size: 22rpx;
  line-height: 29rpx;
  color: #8b8b8b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-right: 20rpx;

}

/* 第二行右：金额 */
.svc-income-wrap {
  display: flex;
  align-items: baseline;
  gap: 20rpx;
  flex-shrink: 0;
  margin-left: auto;
}

.svc-income-label {
  font-size: 20rpx;
  line-height: 26rpx;
  color: #a6a6a6;
}

.svc-income {
  font-size: 30rpx;
  line-height: 36rpx;
  font-weight: 700;
  color: #242424;
  font-variant-numeric: tabular-nums;
}

.svc-income--recharge {
  color: #b45309;
}

.svc-income-est {
  font-size: 20rpx;
  line-height: 26rpx;
  color: #ed7b2f;
  font-weight: 500;
  margin-right: -14rpx;
}
