/* Module 3 — Patient portal styles */

.l2h-auth-wrap {
  min-height: calc(100vh - 76px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1rem;
}

.l2h-auth-card {
  width: 100%;
  max-width: 760px;
}

.l2h-auth-card.l2h-auth-narrow {
  max-width: 460px;
}

.l2h-member-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  background: rgba(201, 162, 39, 0.14);
  color: var(--l2h-gold);
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
}

.l2h-profile-avatar {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(201, 162, 39, 0.55);
  background: #111;
}

.l2h-profile-avatar-lg {
  width: 140px;
  height: 140px;
}

.l2h-dash-grid .l2h-card {
  height: 100%;
}

.l2h-step-hint {
  color: var(--l2h-muted);
  font-size: 0.9rem;
}

.l2h-report-card {
  transition: transform var(--l2h-transition), box-shadow var(--l2h-transition);
}

.l2h-report-card:hover {
  transform: translateY(-2px);
}

.l2h-report-frame {
  min-height: 70vh;
  background: #111;
}

.l2h-result-code-box {
  padding: 1rem 1.1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(201, 162, 39, 0.35);
  background: rgba(201, 162, 39, 0.08);
}

.l2h-result-code-value {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.35em;
  color: var(--l2h-gold);
  padding: 0.35rem 0.65rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.25);
  user-select: all;
}
