.credential-settings-hero .mini-card strong {
  overflow-wrap: anywhere;
}

.credential-settings-page .section-title {
  margin-bottom: 20px;
}

.standalone-setting-card {
  max-width: 980px;
  margin: 0 auto;
}

.standalone-setting-card > label {
  grid-column: 1 / -1;
  font-size: 11px;
}

.standalone-setting-card > label input {
  width: 100%;
  min-width: 0;
}

.callback-setting-card input {
  min-width: min(620px, 60vw);
}

.credential-empty-state {
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 55px 20px 35px;
  text-align: center;
}

.credential-empty-state > span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #edf2ff;
  color: #2f6bff;
  font-size: 22px;
}

.credential-empty-state h3,
.credential-empty-state p {
  margin: 0;
}

.credential-empty-state p {
  color: var(--muted);
}

.credential-empty-state a {
  margin-top: 8px;
  text-decoration: none;
}

.ip-validation-error {
  grid-column: 1 / -1;
  margin: 0;
  color: #b5263a !important;
  font-weight: 700;
}

.ip-row input.invalid {
  border-color: #db4054;
  box-shadow: 0 0 0 3px #db405418;
}

.save-ips:disabled,
.add-ip:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.callback-actions {
  display: flex;
  gap: 10px;
}

.callback-actions .secondary {
  white-space: nowrap;
}

.callback-check-status {
  grid-column: 1 / -1;
  margin: 0;
  padding: 11px 13px;
  border-radius: 8px;
  font-weight: 700;
}

.callback-check-status.success {
  background: #e2f8ef;
  color: #087955;
}

.callback-check-status.error {
  background: #fff0f1;
  color: #b5263a;
}

@media (max-width: 850px) {
  .callback-setting-card input {
    min-width: 0;
    width: 100%;
  }
}