/* Badge award cancellation */
.badge-cancel-form {
  padding: 16px;
  border: 1px solid rgba(180,35,24,.16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(180,35,24,.08), transparent 34%),
    #fff;
}

.cancel-badge-preview {
  min-height: 58px;
}

.cancel-badge-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  background: #fff7ed;
}

.cancel-badge-card > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #fff;
  font-size: 1.5rem;
}

.cancel-badge-card strong,
.cancel-badge-card small {
  display: block;
}

.cancel-badge-card b {
  color: #b42318;
  font-size: 1.05rem;
}


.badge-auto-group-box {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(15,127,85,.16);
  border-radius: 22px;
  background: linear-gradient(135deg, #ecfdf3, #fff);
}

.auto-group-switch {
  display: grid !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.badge-auto-group-pill {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #0f7f55;
  font-size: .78rem;
  font-weight: 1000;
}

.badge-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
