/* =========================================================
   ContainerBooking — account page (account details)
   ========================================================= */

.acct { padding: 70px 0 100px; min-height: 60vh; }

/* ---------- Signed-out state ---------- */
.acct-signedout { text-align: center; max-width: 460px; margin: 40px auto 0; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.acct-signedout[hidden] { display: none; }
.acct-signedout h1 { font-size: 2rem; }
.acct__lede { color: var(--ink-soft); }

/* ---------- Signed-in card ---------- */
.acct-card {
  text-align: center; max-width: 460px; margin: 20px auto 0;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.acct-card[hidden] { display: none; }
.acct-card__icon {
  width: 72px; height: 72px; border-radius: 50%; background: var(--paper-2);
  border: 1px solid var(--line); display: flex; align-items: center; justify-content: center;
  margin-bottom: 6px; box-shadow: 0 10px 26px rgba(20,30,28,.08);
}
.acct-card__icon svg { width: 34px; height: 34px; }
.acct-card h1 { font-size: 2rem; }
.acct__email { color: var(--ink-soft); font-family: "IBM Plex Mono", monospace; font-size: .88rem; margin-bottom: 8px; }

/* ---------- Shared "nothing here yet" empty state (manage-*.html) ---------- */
.acct-quotes__empty { text-align: center; color: var(--ink-soft); }
.acct-quotes__empty a { color: var(--accent); font-weight: 600; }