/* ============ Screen: Settings (#/settings) — prefix .settings- ============ */

.settings-title { font-size: 26px; font-weight: 800; }

/* Cards are their own groups on this screen — airy 24px gaps like the screenshot */
.settings-card { margin-bottom: 24px; }
.settings-card--profile { margin-top: 20px; }
.settings-card .row { padding: 14px 0; }

/* Single-row cards (Close account / Log out) — compact, text vertically centred */
.settings-card--single { padding: 4px 18px; }
.settings-card--single .row { padding: 14px 0; }

.settings-name { font-size: 17px; }

/* Red business circle — plain circle (not squircle), white initial */
.settings-biz {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--color-accent); color: #fff;
  display: grid; place-items: center;
  font-weight: 700; font-size: 18px;
  flex: none;
}

.settings-logout { color: var(--color-link); }

/* Footer */
.settings-footer {
  padding: 2px 2px 10px;
  color: var(--color-text-muted);
  font-size: 13px; line-height: 1.5;
}
.settings-footer__version { font-weight: 600; }
.settings-footer p + p { margin-top: 6px; }

/* Sheets */
.settings-sheet-body {
  color: var(--color-text-muted); font-size: var(--text-base);
  margin: -4px 0 18px;
}
.settings-pill-danger { background: var(--color-error); color: #fff; }
.settings-pill-danger:active { background: #D9483D; }
.settings-cancel {
  display: block; width: 100%; text-align: center;
  padding: 16px 0 2px;
  color: var(--color-text-muted); font-weight: 600; font-size: var(--text-base);
}