/*
 * Settings (Kiln/UI/SettingsView.swift): your name, how Kiln looks, your own Claude account if you want one, and
 * signing out everywhere else.
 */
.settings { display: flex; flex-direction: column; gap: 18px; max-width: 720px; }
.settings-section { display: flex; flex-direction: column; gap: 14px; }
.settings-section > h2 { font-size: 17px; }
.settings-lead { font-size: 14px; color: var(--ink-soft); line-height: 1.55; }
.settings-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.settings-steps { padding-left: 1.3em; display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: var(--ink-soft); }
.settings-steps code { font-family: var(--font-mono); font-size: 0.92em; padding: 1px 5px; border-radius: 4px; background: var(--inset); color: var(--ink); }
.settings-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.settings-row .field { flex: 1 1 260px; }
.settings-connect > summary { width: fit-content; font-size: 14px; }
.settings-connect-body { padding-top: 12px; }