.step { display: none; }
.step.active { display: block; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.otp-input { letter-spacing: .5em; font-size: 1.25rem; text-align: center; max-width: 220px; }
.profile-photo { width: 110px; height: 130px; object-fit: cover; border-radius: .5rem; background: #e9ecef; }
.abha-card-img { max-width: 100%; border-radius: .75rem; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.suggestion { cursor: pointer; }
pre.log { max-height: 260px; overflow: auto; font-size: .78rem; background: #f8f9fa; padding: .5rem; border-radius: .25rem; white-space: pre-wrap; word-break: break-all; }
.stepper { display: flex; gap: .5rem; flex-wrap: wrap; }
.stepper .badge { font-weight: 500; }