/* Identity-specific overrides scoped under body.identity-area */
.identity-area {
  background: linear-gradient(180deg,#f7fbff 0%, #f1f7ff 100%);
}

/* Card wrapper used by many Identity pages */
.identity-area .card {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(2,6,23,0.06);
  overflow: hidden;
}

/* Page title */
.identity-area .card .card-title,
.identity-area h1 {
  color: #0d6efd;
  font-weight: 600;
}

/* Primary button */
.identity-area .btn-primary {
  background: linear-gradient(90deg,#0d6efd,#0b5ed7);
  border: none;
  border-radius: 8px;
  padding: 0.55rem 1rem;
  box-shadow: 0 4px 12px rgba(11,94,215,0.12);
}

/* Inputs */
.identity-area .form-control {
  border-radius: 8px;
  padding: 0.6rem 0.75rem;
  border: 1px solid #e6eefc;
}

/* Validation messages */
.identity-area .text-danger {
  color: #c92a2a !important;
}

/* Footer links on forms */
.identity-area .form-footer-links {
  display:flex;
  justify-content:space-between;
  margin-top:0.75rem;
  font-size:0.95rem;
}

/* Make the account pages comfortable on small screens */
@media (max-width:576px) {
  .identity-area .card { margin: 1rem; }
  .identity-area .form-footer-links { flex-direction:column; gap:.5rem; align-items:stretch; }
}