/* Settings and Query pages. Shell rules come from app.css; only page parts live here. */
.settings-panel > .card + .card { margin-top: 12px; }
.card-lead { padding: 14px 18px 0; color: var(--ink-2); font-size: 13.5px; max-width: 72ch; }
.card > .pad { color: var(--ink-2); font-size: 13.5px; }
.provider .name.mono { font-weight: 400; }
.provider > .btn { flex: none; }
.step p { color: var(--ink-2); font-size: 13px; }
.step p + p, .step .setup-fields + p, .step .setup-actions { margin-top: 10px; }
.step p.muted { color: var(--ink-3); font-size: 12.5px; }
.step .btn { margin-top: 10px; }
.step details { margin-top: 10px; font-size: 12.5px; color: var(--ink-2); }
.step details summary { cursor: pointer; color: var(--blue-ink); font-weight: 500; }
.step details ul { margin: 6px 0; padding-left: 18px; }
.step details li { margin: 2px 0; }
.setup-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 12px; }
.setup-fields label { display: grid; gap: 5px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); }
.setup-fields input, .setup-fields select { width: 100%; min-width: 0; height: 32px; padding: 0 10px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--app-card); color: var(--ink); font: inherit; font-size: 13px; }
.setup-fields input:focus, .setup-fields select:focus { outline: 2px solid var(--blue); outline-offset: 1px; }
.setup-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.setup-actions .btn { margin-top: 0; }
.setup-actions p { margin: 0; }
.command-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); }
.command-heading .btn { margin-top: 0; }
pre.codeblock { margin: 6px 0 0; overflow-x: auto; }
.step code { font-family: var(--font-mono); font-size: 12px; }
.query .catalog button[disabled] { cursor: default; }
.query .examples button[disabled] { cursor: default; }