/* חשבון המעקב — /check/signup/ ו-/check/dashboard/
   נשען על vt.css + check.css. כאן רק מה שייחודי לשני הדפים האלה. */

/* ── הרשמה ────────────────────────────────────────────────────────────── */

/* דף ההרשמה ממורכז — בניגוד ל-/check שמיושר לימין (בקשת לידור 26/08) */
.su-hero { text-align: center; }
.su-hero .ck-sub { margin-inline: auto; }
.su-hero .ck-form { margin-inline: auto; }
.su-hero .ck-row { justify-content: center; }
.su-hero .ck-what { margin-inline: auto; }
.su-hero .ck-what li { justify-content: center; }
.su-sent { margin-inline: auto; }
.su-sent-card { text-align: center; }

.su-gap { margin-top: 22px; }

.su-error {
  color: #ff8a8a;
  font-size: .95rem;
  margin: 12px 0 0;
}

.su-sent { margin-top: 34px; max-width: 640px; }

.su-sent-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 28px;
}

.su-sent-card h2 { margin: 0 0 10px; font-size: 1.4rem; }

.su-sent-card p { margin: 0 0 10px; line-height: 1.7; }

.su-sent-note { color: var(--muted); font-size: .92rem; }

.su-sent-card .btn { margin-top: 8px; }

/* ── דשבורד ───────────────────────────────────────────────────────────── */

.db-hero h1 { margin-top: 10px; }

/* המייל ב-eyebrow יורש ממנה אותיות-גדולות — כתובת מייל נשארת כמו שהיא */
#db-email { text-transform: none; letter-spacing: normal; }

/* כפתור היציאה יושב בניווט כמו קישור .cta — מנקים לו את צורת הכפתור */
button.db-signout { border: 0; cursor: pointer; font: inherit; }

.db-notice {
  background: rgba(255, 193, 7, .08);
  border: 1px solid rgba(255, 193, 7, .35);
  border-radius: 14px;
  padding: 14px 18px;
  margin: 0 0 22px;
  line-height: 1.6;
}

.db-site-sub {
  color: var(--muted);
  margin: 10px 0 26px;
  font-size: .98rem;
}

.db-h2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 34px 0 14px;
}

/* שורות היסטוריה */
.db-history {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 640px;
}

.db-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 16px;
}

.db-row-date {
  color: var(--dim);
  font-size: .88rem;
  min-width: 110px;
  direction: ltr;
  text-align: right;
}

.db-row-text { color: var(--muted); font-size: .88rem; }

.db-badge {
  font-size: .82rem;
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 12px;
}

.db-good { background: rgba(52, 211, 153, .12); color: #34d399; }
.db-warn { background: rgba(251, 191, 36, .12); color: #fbbf24; }
.db-bad  { background: rgba(248, 113, 113, .12); color: #f87171; }

.db-foot-note {
  color: var(--dim);
  font-size: .88rem;
  margin-top: 30px;
}