/* ============================================================
   PROFILE.CSS
   Standalone Profile page. Card + layout styles come from
   settings.css (globally loaded). Only page-specific additions here.
   ============================================================ */

/* placeholder-card is shared with setup/invoices/contacts */
.placeholder-card {
  background: var(--bg-card);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: 48px 40px;
  text-align: center;
  max-width: 520px;
}

.placeholder-card-icon {
  margin: 0 auto 18px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(231,207,207,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}

.placeholder-card-title {
  font-family: var(--serif);
  font-size: 16px;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 10px;
}

.placeholder-card-desc {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.65;
}