/* Settings share one header and type hierarchy across lists, readers, and editors. */
.clinic-settings-page .page-shell { width: 100%; padding-top: 0; --font-sans: "Kaya Record Sans", "DM Sans", sans-serif; --font-serif: "Kaya Record Serif", "DM Serif Display", serif; font-family: var(--font-sans); }
body.clinic-settings-page .page-shell > .app-page-header:not(.visually-hidden) { margin-bottom: 0; }
.settings-page-content { width: min(90rem, calc(100% - 3.5rem)); margin: 1.5rem auto 0; }
.settings-breadcrumbs { margin-bottom: 1rem; color: var(--muted); font-size: .875rem; }
.settings-breadcrumbs:not(:has(li)) { display: none; }
.settings-breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); text-decoration: none; }
.settings-breadcrumbs a:hover { color: var(--ink); text-decoration: underline; }
.clinic-settings-page .clinic-settings-tabs { flex-wrap: wrap; gap: 0 1.5rem; margin: 0; padding-inline: 1.75rem; }
.clinic-settings-page .clinic-settings-tabs a { flex: 0 1 auto; min-height: 48px; margin-bottom: 0; padding: .75rem 0; font: 600 .875rem/1.5 var(--font-sans); color: var(--muted); }
.clinic-settings-page .clinic-settings-tabs a[aria-current] { color: var(--ink); }
.settings-subnavigation { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: -.5rem 0 1.5rem; border-bottom: 1px solid var(--line-strong); }
.settings-subnavigation a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem 0; color: var(--muted); font-size: .875rem; text-decoration: none; border-bottom: 2px solid transparent; }
.settings-subnavigation a[aria-current] { color: var(--ink); border-bottom-color: var(--ink); font-weight: 600; }
.clinic-settings-page :is(.surgical-library, .surgical-template-workspace, .knowledge-workspace, .quality-workspace, .answer-creation) { max-width: none; margin: 0; padding: 0; }
.clinic-settings-page :is(.narrow, .narrow.wide) { width: min(60rem, 100%); margin-inline: 0; }
.clinic-settings-page .clinic-settings-details { max-width: 48rem; }
.clinic-settings-page .panel { border-radius: 16px; box-shadow: none; }
.clinic-settings-page :is(.panel-heading, .form-panel, .knowledge-history, .raw-query-panel, .answer-creation-context, .surgical-builder-preview, .template-detail-heading) h2 { color: var(--ink); font: 600 1rem/1.4 var(--font-sans); letter-spacing: normal; }
.clinic-settings-page .template-detail-heading h2 { margin: 0; }
.clinic-settings-page .quality-lane > header h2 { font: 600 1rem/1.4 var(--font-sans); }
.clinic-settings-page :is(.field > label, .field > legend, .surgical-search > label) { color: var(--ink); font: 600 .875rem/1.5 var(--font-sans); }
.clinic-settings-page :is(.template-library-item strong, .template-library-item small, .template-group-count, .knowledge-row small, .knowledge-row-summary, .template-version) { font-size: .875rem; }
.clinic-settings-page .template-library-item small { color: var(--muted); }
.clinic-settings-page .template-library-list { list-style: none; margin: 1.5rem 0 0; padding: 0; border-top: 1px solid var(--line-strong); }
.clinic-settings-page .template-library-link { display: grid; grid-template-columns: minmax(0, 1fr) auto 20px; align-items: center; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--line-strong); color: var(--ink); text-decoration: none; }
.clinic-settings-page .template-library-link:hover { background: var(--lilac-soft); }
.clinic-settings-page .template-library-link strong { display: block; font-size: 1rem; font-weight: 600; }
.clinic-settings-page .template-library-link small { display: block; margin-top: .25rem; color: var(--muted); font-size: .875rem; line-height: 1.5; }
.clinic-settings-page .template-version { color: var(--muted); }
.clinic-settings-page .knowledge-row strong { color: var(--ink); font-size: 1rem; font-weight: 600; }
.clinic-settings-page .knowledge-directory { overflow: hidden; }
.clinic-settings-page .knowledge-library-filters input[type="submit"] { width: auto; flex: 0 0 auto; margin: 0; }
.clinic-settings-page .knowledge-baselines { margin-top: 1.5rem; }
.clinic-settings-page .knowledge-baseline-content > .panel-heading { border: 0; padding-top: 0; }
.clinic-settings-page :focus-visible { outline: 2px solid var(--periwinkle); outline-offset: 3px; }
.clinic-settings-page ::selection { background: var(--lilac-soft); color: var(--ink); }
.clinic-settings-page :is(input, textarea) { caret-color: var(--ink); }
@media (max-width: 650px) {
  .settings-page-content { width: calc(100% - 2rem); }
  .clinic-settings-page .clinic-settings-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .clinic-settings-page .clinic-settings-tabs { padding-inline: 1rem; gap: 0 1rem; }
  .clinic-settings-page .clinic-settings-tabs a { white-space: normal; }
  .clinic-settings-page .template-library-link { grid-template-columns: minmax(0, 1fr) 20px; gap: .5rem 1rem; padding-inline: .5rem; }
  .clinic-settings-page .template-library-link .template-version { grid-column: 1; }
  .clinic-settings-page .template-library-link > svg { grid-column: 2; grid-row: 1 / span 2; }
}