.campaign-form {
  padding: 0 22px 24px;
}

.campaign-basic {
  padding: 20px 0;
  border-bottom: 1px solid #e8dfcd;
}

.reward-manager {
  margin-top: 22px;
  border: 1px solid #ded3ba;
  border-radius: 8px;
  overflow: hidden;
}

.reward-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #f7f2e8;
  border-bottom: 1px solid #ded3ba;
}

.reward-toolbar > div {
  margin-right: auto;
}

.reward-toolbar h3,
.reward-toolbar p {
  margin: 0;
}

.reward-toolbar h3 {
  font: 700 17px serif;
}

.reward-toolbar p {
  margin-top: 5px;
  color: #71868a;
  font-size: 11px;
}

.reward-toolbar input {
  width: 230px;
  padding: 9px 11px;
  border: 1px solid #d9cfba;
  border-radius: 6px;
  background: #fff;
}

.reward-table td {
  max-width: none;
}

.table-input {
  width: 100%;
  min-width: 110px;
  padding: 8px 9px;
  border: 1px solid #d9cfba;
  border-radius: 5px;
  background: #fff;
  color: #17313a;
}

.reward-name {
  min-width: 180px;
}

.number-input {
  min-width: 90px;
}

.reward-index,
.reward-probability {
  white-space: nowrap;
  font-weight: 700;
  color: #8a6326;
}

.danger-btn {
  color: #9e2929;
  border-color: #e8c2bd;
}

.reward-total {
  padding: 13px 16px;
  text-align: right;
  background: #fffaf0;
  color: #60777b;
  font-size: 12px;
}

.reward-total strong {
  color: #8a6326;
  font-size: 14px;
}

.campaign-save {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}

.reward-summary strong {
  display: block;
  margin-bottom: 7px;
  white-space: nowrap;
}

.reward-summary div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.reward-summary span {
  padding: 3px 6px;
  border-radius: 4px;
  background: #f1eadc;
  color: #73551f;
  font-size: 10px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .reward-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .reward-toolbar input {
    width: 100%;
  }
}