.admission-otp-panel {
  max-width: 520px;
  margin: auto;
  text-align: center;
}

.admission-otp-icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 12px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eff6ff;
  color: #2563eb;
  font-size: 30px;
}

.admission-otp-panel h4 { margin: .4rem 0; font-size: 1.08rem; }
.admission-otp-panel > p { margin: .35rem 0 1rem; color: var(--text-soft); line-height: 1.55; }
.admission-otp-panel .field { text-align: left; }
.admission-otp-input { text-align: center; font-size: 1.5rem !important; letter-spacing: .45em; font-weight: 800; font-variant-numeric: tabular-nums; }
.admission-otp-state { margin: 12px 0; padding: 10px 12px; border-radius: 9px; background: #fff7ed; color: #9a3412; font-size: .84rem; }
.admission-otp-state.expired { background: #fef2f2; color: #b91c1c; }
.admission-otp-error { min-height: 22px; color: #b91c1c; font-size: .84rem; font-weight: 600; }

.parent-email-compose { display: grid; gap: 14px; }
.parent-email-recipient { display: flex; gap: 12px; align-items: center; padding: 14px; border: 1px solid #dbe4f0; border-radius: 12px; background: #f8fafc; }
.parent-email-recipient > i { color: #2563eb; font-size: 24px; }
.parent-email-recipient span { display: grid; }
.parent-email-recipient small { color: #64748b; }
.parent-email-recipient em { color: #64748b; font-size: .78rem; font-style: normal; }
.parent-email-note { margin: 0; padding: 10px 12px; border-radius: 8px; background: #eff6ff; color: #1e40af; font-size: .82rem; }
.sp-action.email { background: linear-gradient(135deg, #0f766e, #0d9488); color: #fff; }
.spx-parent-email { color: #2563eb !important; font-weight: 600; }

@media (max-width: 640px) {
  .admission-otp-input { font-size: 1.25rem !important; letter-spacing: .32em; }
  .parent-email-recipient strong { word-break: break-all; }
}