.prelogin-hide-choice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0 4px;
  padding: 12px 14px;
  border: 1px solid #c8b6ff;
  border-radius: 14px;
  background: #faf7ff;
  font-weight: 800;
  line-height: 1.45;
}

.prelogin-hide-choice input {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  margin-top: 1px;
}

.prelogin-hide-note {
  margin: 0 0 10px;
}

.consent-step-back {
  display: flex;
  justify-content: center;
  margin: 8px 0 10px;
}

.consent-step-back .secondary {
  min-width: 128px;
}

.password-visibility-toggle {
  flex: 0 0 auto;
  min-width: 72px;
}

.first-login-success {
  padding: 18px;
  border: 1px solid #7bbf8b;
  border-radius: 16px;
  background: #f2fff5;
  text-align: center;
}

.first-login-success h3 {
  margin-top: 0;
  color: #176b34;
}

.passkey-security-card {
  padding: 14px;
  border: 1px solid #d8cff0;
  border-radius: 16px;
  background: #fcfbff;
}

.passkey-security-card h3 {
  margin-top: 0;
}

.passkey-security-actions,
.self-card-claim-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.self-card-claim-entry-actions {
  margin: 14px 0;
}

#selfCardClaimEntryStatus[data-state="expired"] {
  border-color: #d18b00;
  background: #fff8e8;
}

#selfCardClaimEntryStatus[data-state="open"] {
  border-color: #7d65b8;
  background: #faf7ff;
}

.expired-self-claim-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.expired-self-claim-heading h2 {
  margin-top: 0;
}

.expired-self-claim-results {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.expired-self-claim-record {
  padding: 14px;
  border: 1px solid #dfd7ef;
  border-radius: 14px;
  background: #fff;
}

.expired-self-claim-record h3 {
  margin: 0 0 8px;
}

.expired-self-claim-record dl {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 5px 12px;
  margin: 0 0 12px;
}

.expired-self-claim-record dt {
  color: #665c78;
  font-weight: 800;
}

.expired-self-claim-record dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.expired-self-claim-record[data-status="manual_review_only"],
.expired-self-claim-record[data-status="identity_or_source_review_required"] {
  border-color: #d49a38;
  background: #fffaf0;
}

@media (max-width: 560px) {
  .passkey-security-actions > button,
  .self-card-claim-entry-actions > button {
    width: 100%;
  }

  .expired-self-claim-heading {
    display: block;
  }

  .expired-self-claim-heading > button {
    width: 100%;
  }

  .expired-self-claim-record dl {
    grid-template-columns: 1fr;
  }

  .expired-self-claim-record dt {
    margin-top: 6px;
  }
}