/* ---------------------------------------------------------------------------
   Waiting-list view (FEAT-0150)
   ---------------------------------------------------------------------------
   The screen a signed-up but not-yet-admitted account lands on, where the
   dashboard would be. One stylesheet per feature, matching the rest of
   public/css — not injected from JS, because this is a view rather than an
   overlay and it should be styled before anything reveals it.
   --------------------------------------------------------------------------- */

#waitlistView {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
}

.waitlist-panel {
  width: 100%;
  max-width: 460px;
  text-align: center;
  background: #12141c;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 2.25rem 2rem;
  color: #f4f5f8;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
}

.waitlist-badge {
  display: inline-block;
  background: rgba(99, 102, 241, 0.15);
  color: #a5b4fc;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
  margin-bottom: 1rem;
}

.waitlist-place {
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0 0 0.6rem;
}

.waitlist-note {
  font-size: 0.85rem;
  color: #9aa0b0;
  margin: 0 0 1.5rem;
  line-height: 1.5;
}

.waitlist-brief-wrap {
  text-align: left;
  background: #171a24;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  padding: 0.9rem 1rem;
  margin-bottom: 1.5rem;
}

.waitlist-brief-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7c8296;
  margin-bottom: 0.4rem;
}

/* Their own words. Quoted so it reads as theirs, not as our copy. */
.waitlist-brief {
  margin: 0;
  font-size: 0.85rem;
  font-style: italic;
  color: #c9cdd8;
  line-height: 1.5;
  /* A 2000-character brief must not run off the panel. */
  overflow-wrap: break-word;
}

.waitlist-brief::before { content: '\201C'; }
.waitlist-brief::after  { content: '\201D'; }

@media (max-width: 480px) {
  .waitlist-panel { padding: 1.75rem 1.25rem; }
  .waitlist-place { font-size: 1.35rem; }
}