/* Guarantee-deposit list: keep amount, reminders and operations aligned on one row. */
.service-admin-page[data-v-259d7829] .service-admin-table .el-table__body td:nth-child(8) .cell {
  white-space: nowrap;
  word-break: keep-all;
}

.service-admin-page[data-v-259d7829] .deposit-alert-list {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.service-admin-page[data-v-259d7829] .deposit-alert-list .el-tag {
  flex: 0 0 auto;
  white-space: nowrap;
}

.service-admin-page[data-v-259d7829] .table-operate {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

.service-admin-page[data-v-259d7829] .table-operate > * {
  flex: 0 0 auto;
}

.service-admin-page[data-v-259d7829] .deposit-amount-summary {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  white-space: nowrap;
}

.service-admin-page[data-v-259d7829] .deposit-amount-summary__paid {
  color: #303133;
  font-weight: 600;
}

.service-admin-page[data-v-259d7829] .deposit-amount-summary__target {
  color: #909399;
}

/* Per-level deposit settings on the coach display settings page. */
.service-admin-page[data-v-fd2f5652] .level-deposit-setting {
  max-width: 760px;
  margin: 10px 0 8px;
  padding: 18px 20px 6px;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  background: #f8faff;
}

.service-admin-page[data-v-fd2f5652] .level-deposit-setting .el-divider__text {
  color: #1f2937;
  background: #f8faff;
  font-weight: 600;
}

.service-admin-page[data-v-fd2f5652] .level-deposit-setting .el-form-item {
  margin-bottom: 16px;
}

.service-admin-page[data-v-fd2f5652] .level-deposit-setting .el-input-number {
  width: 240px;
}

@media screen and (max-width: 1200px) {
  .service-admin-page[data-v-fd2f5652] .level-deposit-setting {
    max-width: 100%;
  }
}