/* Settings primitives. The workspace palette and native controls are shared with chat.
   Keep these rules scoped: session chrome and the composer have their own density. */
.settings-view {
  --settings-text: var(--text);
  --settings-muted: #68636f;
  --settings-surface: #fff;
  --settings-subtle: #faf9fc;
  --settings-line: var(--line);
  --settings-control-border: #908996;
  --settings-accent: var(--purple);
  --settings-selected: var(--soft);
  --settings-danger: #a33946;
  --settings-danger-bg: #fff3f4;
  --settings-success: #32664a;
  --settings-success-bg: #edf6ef;
  --settings-warning: #775818;
  --settings-warning-bg: #fff9eb;
  --settings-radius: 12px;
  --settings-control-radius: 8px;
  --settings-caption: .866667rem;
  --settings-body: .933333rem;
  --settings-heading: 1.066667rem;
  --settings-title: 1.866667rem;
  --muted: var(--settings-muted);
}
.skip-link { position: fixed; inset-inline-start: 16px; inset-block-start: -100px; z-index: 100; padding: 12px 18px; background: white; color: #543d79; border: 2px solid #7155ba; border-radius: 8px; }
.skip-link:focus { inset-block-start: 12px; }
.settings-view .rail { width: 248px; flex-basis: 248px; padding: 8px 12px 12px; }
.settings-view .rail-brand { padding-inline: 8px; margin-block-end: 8px; }
.settings-view :is(.rail-links,.sessions-label,#session-search-field,#session-list,#new-task,#search-sessions) { display: none !important; }
#settings-navigation { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 0 0 20px; }
#settings-navigation a { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 8px 12px; margin: 2px 0; border-radius: 7px; color: var(--settings-muted); font-size: var(--settings-body); text-decoration: none; line-height: 1.4; }
#settings-navigation a[aria-current] { background: var(--brand-selected); color: #543d79; font-weight: 550; }
#settings-navigation svg { width: 17px; height: 17px; flex: 0 0 17px; }
#settings-navigation .settings-back { margin-block-end: 24px; font-size: var(--settings-caption); }
.settings-overview-icon { width: 17px; text-align: center; font-size: 19px; line-height: 1; }
.settings-nav-title { padding: 0 12px 12px; font-size: 1.066667rem; font-weight: 600; }
.settings-nav-group { margin-block-start: 20px; }
.settings-nav-group h2 { font-size: .733333rem; font-weight: 500; margin: 0 12px 6px; color: var(--settings-muted); letter-spacing: .04em; }
.settings-view .rail-foot { margin-block-start: 12px; padding-inline: 8px; }
.settings-view .topbar { min-height: 56px; height: 56px; border-bottom: 1px solid var(--settings-line); padding-inline: 32px; background: var(--settings-surface); }
.settings-view #page-title { font-size: var(--settings-caption); }
.settings-view .settings-breadcrumb a { color: var(--settings-muted); }
.settings-view #content { padding: 40px max(32px, calc((100% - 1056px)/2)) 64px; overflow-y: auto; scroll-padding-block: 24px; color: var(--settings-text); font-size: var(--settings-body); line-height: 1.55; }
.settings-view #content > :is(section,div,form,p,details) { max-width: 1056px; margin-inline: auto; }
.settings-view #content > :is(.settings-page,.automations-page,.skills-page,.secrets-page,.memory-page,.users-page,.environments-page) { width: 100%; margin-block: 0; padding: 0; }
.settings-view #content h1 { font-size: var(--settings-title); line-height: 1.25; font-weight: 600; letter-spacing: -.025em; margin: 0 0 8px; text-wrap: balance; }
.settings-view #content h1:focus { outline: none; }
.settings-view #content h2 { font-size: var(--settings-heading); line-height: 1.4; font-weight: 550; letter-spacing: -.01em; }
.settings-view #content h3 { font-size: var(--settings-body); line-height: 1.4; font-weight: 550; }
.settings-view #content p { line-height: 1.6; text-wrap: pretty; }
.settings-view #content :is(.subtext,small) { color: var(--settings-muted); font-size: var(--settings-caption); line-height: 1.6; }
.settings-view #content :is(.page-heading,.skills-page>.section-header,.secrets-page>.section-header,.memory-page>.section-header) { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0; margin: 0 0 32px; }
.settings-view #content :is(.page-heading,.skills-page>.section-header,.secrets-page>.section-header,.memory-page>.section-header) p { margin: 0; font-size: var(--settings-body); max-width: 65ch; }
.settings-view .eyebrow,.settings-view .memory-eyebrow { display: none; }
.settings-view #content .section-header { gap: 20px; align-items: center; }
.settings-view #content .section-header h2 { margin-block-end: 0; }
.settings-view #content .section-header:has(p) h2 { margin-block-end: 6px; }
.settings-view :is(button,input,select,textarea) { font-size: var(--settings-body); line-height: 1.45; }
.settings-view button { min-height: 36px; border-radius: var(--settings-control-radius); padding: 8px 12px; font-weight: 500; box-shadow: none; }
.settings-view button.primary { color: #fff; background: var(--settings-accent); border-color: var(--settings-accent); }
.settings-view button.quiet { color: var(--settings-muted); background: transparent; border-color: transparent; }
.settings-view button.danger { color: var(--settings-danger); }
.settings-view :is(#content,dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border: 1px solid var(--settings-control-border); border-radius: var(--settings-control-radius); padding: 9px 12px; min-width: 0; background: var(--settings-surface); }
.settings-view textarea { width: 100%; line-height: 1.6; }
.settings-view input::placeholder,.settings-view textarea::placeholder { color: var(--settings-muted); }
.settings-view :is(button,a,input,select,textarea,summary):focus-visible { outline: 2px solid var(--settings-accent); outline-offset: 3px; }
.settings-view :is(button,a,input,select,textarea,summary) { scroll-margin-block: 24px; }
.settings-view #content :is(.badge,.secret-scope,.user-role,.memory-kind,.connection-state,.infra-status) { display: inline-flex; align-items: center; gap: 5px; font-size: .733333rem; font-weight: 500; line-height: 1.5; padding: 3px 8px; border-radius: 5px; color: #60516f; background: var(--settings-selected); white-space: normal; }
.settings-view #content :is(.healthy,.env-ready,.complete) { color: var(--settings-success); background: var(--settings-success-bg); }
.settings-view #content :is(.incomplete,.settings-status-warning) { color: var(--settings-warning); background: var(--settings-warning-bg); }
.settings-view #content .settings-status-danger { color: var(--settings-danger); background: var(--settings-danger-bg); }
.settings-view #content :is(.card,.connection-card,.automation-card,.memory-card,.environment-card,.users-panel) { border: 1px solid var(--settings-line); border-radius: var(--settings-radius); background: var(--settings-surface); box-shadow: none; padding: 24px; min-width: 0; }
.settings-view #content :is(.note,.automation-notice,.spend-reconciliation) { color: var(--settings-warning); background: var(--settings-warning-bg); border: 1px solid #eadfc3; border-radius: var(--settings-control-radius); padding: 16px 20px; font-size: var(--settings-caption); margin-block: 20px; }
.settings-view #content .spend-reconciliation.verified { background: var(--settings-success-bg); color: var(--settings-success); border-color: #cbdccd; }
.settings-view #content :is(.note,.automation-notice,.spend-reconciliation) p:last-child { margin-bottom: 0; }
.settings-view #content details > summary { cursor: pointer; min-height: 36px; padding-block: 8px; font-size: var(--settings-caption); font-weight: 500; color: var(--settings-text); }
.settings-view #content details > summary::marker { color: var(--settings-muted); font-size: .8em; }
.settings-view #content details[open] > summary { margin-block-end: 12px; }
.settings-view .settings-grid { grid-template-columns: 1fr; gap: 0; }
.settings-view .settings-group { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 32px; padding-block: 24px; border-top: 1px solid var(--settings-line); }
.settings-view .settings-group h2 { display: block; margin: 12px 0 0; color: var(--settings-text); font-size: var(--settings-body) !important; }
.settings-view .settings-group h2>span { display: table; margin-block-start: 8px; font-size: .666667rem; }
.settings-view .chat-preference { padding: 12px; min-width: 0; }
.settings-view .chat-preference label { display: flex; align-items: center; gap: 12px; min-height: 44px; font-weight: 550; cursor: pointer; }
.settings-view .chat-preference input { width: 18px; height: 18px; flex: 0 0 18px; accent-color: var(--settings-accent); }
.settings-view .chat-preference p { margin: 8px 0 0; max-width: 65ch; }
.settings-view .settings-links { border: 0; border-radius: 0; overflow: visible; }
.settings-view .settings-link { min-height: 72px; padding: 12px; gap: 14px; border: 0; border-radius: 8px; }
.settings-view .settings-icon { width: 32px; height: 32px; flex-basis: 32px; background: none; color: var(--settings-muted); }
.settings-view .settings-copy strong { font-size: var(--settings-body); font-weight: 550; }
.settings-view .settings-copy>span { font-size: var(--settings-caption); margin-block-start: 3px; }
.settings-view .settings-arrow { font-size: 20px; color: var(--settings-muted); }
.settings-view #title-model-settings { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 32px; padding: 28px 0; border: 0; border-top: 1px solid var(--settings-line); border-radius: 0; margin: 0; }
.settings-view #title-model-settings h2 { font-size: var(--settings-body); }
.settings-view #title-model-form { margin: 0; gap: 10px 12px; }
.settings-view #title-model-form input { width: 100%; }
.settings-view #title-model-status { margin: 0; }
.settings-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-block: 24px 16px; }
.settings-toolbar input[type=search] { width: min(100%,340px); }
.settings-toolbar select { width: auto; max-width: 100%; }
.settings-toolbar .settings-result-count { margin-inline-start: auto; font-variant-numeric: tabular-nums; font-size: var(--settings-caption); color: var(--settings-muted); }
.settings-hint { border: 0; background: var(--settings-subtle); border-radius: 8px; padding: 14px 18px; margin-block: 20px; color: var(--settings-muted); font-size: var(--settings-caption); }
.settings-hint summary { padding: 0 !important; min-height: auto !important; }
.settings-hint p { margin: 12px 0 0; max-width: 75ch; }
.settings-empty { padding: 40px 24px; text-align: center; border: 1px dashed var(--settings-line); border-radius: var(--settings-radius); }
.settings-empty p { color: var(--settings-muted); margin: 8px auto 16px; max-width: 55ch; }
.settings-view #content .secret-sharing { padding: 16px 20px; border: 0; background: var(--settings-subtle); border-radius: 8px; margin: 0 0 24px; max-width: 100%; font-size: var(--settings-caption); color: var(--settings-muted); }
.settings-view .skills-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-block-end: 16px; }
.settings-view .skills-filters>input { width: min(100%,340px); }
.settings-view .skills-filters label { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; font-size: var(--settings-caption); }
.settings-view :is(#skill-library,.secret-list) { border-block-start: 1px solid var(--settings-line); }
.settings-view #content :is(.skill-card,.secret-card) { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 4px; margin: 0; border: 0; border-bottom: 1px solid var(--settings-line); border-radius: 0; background: var(--settings-surface); }
.settings-view :is(.skill-card,.secret-card)>div:first-child { min-width: 0; flex: 1; }
.settings-view :is(.skill-card,.secret-card) strong { font-size: var(--settings-body); font-weight: 550; overflow-wrap: anywhere; }
.settings-view .skill-card p { max-width: 70ch; margin: 8px 0; color: var(--settings-muted); font-size: var(--settings-caption); }
.settings-view .skill-title { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.settings-view .skill-card code { font-size: .733333rem; color: var(--settings-muted); background: var(--settings-subtle); padding: 3px 6px; border-radius: 4px; overflow-wrap: anywhere; }
.settings-view :is(.skill-card-actions,.credential-actions,.environment-card-actions) { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.settings-view .secret-card p { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: var(--settings-caption); margin: 8px 0; overflow-wrap: anywhere; }
.settings-view .secret-card small { display: inline; }
.settings-view .secret-card .secret-reference { font: .733333rem/1.6 var(--mono); color: var(--settings-muted); }
.settings-view #content .automation-template { background: var(--settings-subtle); border-color: var(--settings-line); border-radius: var(--settings-radius); padding: 18px 20px; margin-bottom: 24px; }
.settings-view .automation-card header { align-items: flex-start; }
.settings-view .automation-card h2 { margin: 0 0 6px; }
.settings-view .automation-card header p { font-size: var(--settings-caption); }
.settings-view .automation-prompt { display: block; -webkit-line-clamp: unset; overflow: visible; margin: 8px 0 16px; font-size: var(--settings-body); max-width: 75ch; color: var(--settings-muted); }
.settings-view .automation-workflow { margin-block: 16px; }
.settings-view .automation-meta { padding-block: 0 16px; font-size: var(--settings-caption); }
.settings-view .automation-card footer { border-color: var(--settings-line); padding-block-start: 16px; }
.settings-view .automation-history { margin-top: 12px; font-size: var(--settings-caption); }
.settings-view .automation-history-row { grid-template-columns: minmax(140px,1fr) minmax(90px,.5fr) minmax(0,2fr); overflow-wrap: anywhere; }
.settings-view .memory-controls { margin: 0; border-radius: var(--settings-radius) var(--settings-radius) 0 0; padding: 20px 24px; background: var(--settings-subtle); border-color: var(--settings-line); }
.settings-view .memory-learning { padding: 18px 24px; margin: 0 0 16px; border: 1px solid var(--settings-line); border-top: 0; border-radius: 0 0 var(--settings-radius) var(--settings-radius); }
.settings-view .memory-privacy { margin-bottom: 24px; color: var(--settings-muted); }
.settings-view .memory-filter { margin-block: 24px 16px; flex-wrap: wrap; }
.settings-view #memory-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.settings-view .memory-card h2 { margin-block: 16px 8px; }
.settings-view .memory-card :is(.memory-content,.memory-meta) { color: var(--settings-muted); font-size: var(--settings-caption); }
.settings-view .memory-card-bottom { flex-wrap: wrap; padding-top: 12px; gap: 8px; }
.settings-view .memory-card-bottom button { font-size: var(--settings-caption); padding: 7px 10px; }
.settings-view #content .connections-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.settings-view .org-summary { padding: 0; border: 0; margin: 0 0 20px; background: none; }
.settings-view .org-summary strong { font-size: var(--settings-body); font-weight: 500; }
.settings-view .org-summary p { display: none; }
.settings-view .org-summary>span { color: var(--settings-muted); font-size: var(--settings-caption); }
.settings-view .connection-card .app-icon { width: 36px; height: 36px; font-size: 17px; border-radius: 9px; box-shadow: none; }
.settings-view .connection-card h2 { margin-block: 16px 6px; }
.settings-view .connection-card>p { font-size: var(--settings-caption); color: var(--settings-muted); min-height: 0; margin-block-end: 20px; max-width: 60ch; }
.settings-view .connection-facts { margin-block: 0 16px; }
.settings-view .connection-facts>div { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 12px; margin-block: 8px; font-size: var(--settings-caption); }
.settings-view .connection-facts dt { color: var(--settings-muted); }
.settings-view .connection-facts dd { margin: 0; overflow-wrap: anywhere; }
.settings-view .connection-repositories summary { min-height: 0 !important; padding: 0 !important; }
.settings-view .connection-action { margin-top: 16px; }
.settings-view .connection-action button { width: 100%; }
.settings-view .org-lower { gap: 16px; margin-block: 24px; }
.settings-view .org-lower p { font-size: var(--settings-caption); color: var(--settings-muted); }
.settings-view .org-note { background: var(--settings-subtle) !important; border-color: var(--settings-line) !important; color: var(--settings-muted) !important; }
.settings-view .org-history { border-top: 1px solid var(--settings-line); padding-top: 12px; }
.settings-view .org-history>div { overflow-wrap: anywhere; font-size: var(--settings-caption); }
.settings-view .setup-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 24px; }
.settings-view .config-list { margin-block: 24px 0; }
.settings-view .config-list li { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; padding-block: 14px; }
.settings-view .config-list code { font-size: .733333rem; overflow-wrap: anywhere; }
.settings-view .config-list .configured { color: var(--settings-success); font-size: var(--settings-caption); }
.settings-view .config-list .missing { color: var(--settings-warning); font-size: var(--settings-caption); }
.settings-view .detail-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; padding-block: 14px; font-size: var(--settings-caption); }
.settings-view .detail-row>span:last-child { text-align: end; overflow-wrap: anywhere; color: var(--settings-text); }
.settings-view .environment-explainer { margin: 0; padding: 0; border: 0; gap: 20px; }
.settings-view .environment-explainer>div>span { display: none; }
.settings-view .environment-explainer p { font-size: var(--settings-caption); margin-bottom: 0; }
.settings-view .environment-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.settings-view .environment-glyph { display: none; }
.settings-view .environment-card-top { gap: 12px; align-items: flex-start; }
.settings-view .environment-card-top h2 { margin: 0 0 6px; }
.settings-view .environment-card-top p { margin-bottom: 0; font: .733333rem/1.6 var(--mono); overflow-wrap: anywhere; color: var(--settings-muted); }
.settings-view .environment-card-state { padding-block: 12px 0; flex-wrap: wrap; font-size: var(--settings-caption); gap: 8px 16px; margin-block: 16px; }
.settings-view .environment-fallback,.settings-view .environment-footnote { font-size: var(--settings-caption); line-height: 1.6; color: var(--settings-muted); }
.settings-view .environment-build-state { padding: 12px; margin-block: 16px; border-radius: 8px; min-width: 0; }
.settings-view .environment-build-state.env-failed { background: var(--settings-danger-bg); color: var(--settings-danger); }
.settings-view .environment-build-state small { overflow-wrap: anywhere; }
.settings-view .environment-refresh { display: flex; gap: 8px; align-items: center; min-height: 36px; font-size: var(--settings-caption); margin-block: 12px; }
.settings-view .environment-refresh:has(input:disabled) { color: var(--settings-muted); }
.settings-view .environment-card-actions { margin-top: 16px; padding-top: 0; }
.settings-view .environment-card-actions button { font-size: var(--settings-caption); }
.settings-view .users-overview { display: flex; flex-wrap: wrap; gap: 24px; padding: 0; margin-block: 0 24px; border: 0; background: none; }
.settings-view .users-overview span { font-size: var(--settings-caption); color: var(--settings-muted); }
.settings-view .users-overview strong { color: var(--settings-text); font-weight: 600; }
.settings-view #content .users-panel { padding: 0; overflow: hidden; }
.settings-view .users-toolbar { display: flex; gap: 12px; padding: 20px; border-bottom: 1px solid var(--settings-line); }
.settings-view .users-search { max-width: 340px; flex: 1; }
.settings-view .users-domain { margin: 0; padding: 16px 20px; font-size: var(--settings-caption); background: var(--settings-subtle); color: var(--settings-muted); }
.settings-view .user-person { gap: 12px; }
.settings-view .user-avatar { width: 32px; height: 32px; border-radius: 50%; font-size: var(--settings-caption); background: var(--settings-selected); color: #60516f; }
.settings-view .user-person strong { font-weight: 500; }
.settings-view .user-person span,.settings-view .user-access { color: var(--settings-muted); font-size: var(--settings-caption); }
.settings-view .user-role-guide { margin-block: 24px; padding: 0; gap: 32px; }
.settings-view .user-role-guide p { font-size: var(--settings-caption); color: var(--settings-muted); }
.settings-view .user-history { border-top: 1px solid var(--settings-line); padding-block: 12px; }
.settings-view :is(.users-table-scroll,.spend-table-wrap) { overflow-x: auto; scrollbar-width: auto; }
.settings-view :is(.users-table,.spend-table) { width: 100%; border-collapse: collapse; font-size: var(--settings-caption); }
.settings-view :is(.users-table,.spend-table) :is(th,td) { padding: 14px 16px; text-align: start; vertical-align: middle; border-color: var(--settings-line); }
.settings-view :is(.users-table,.spend-table) thead th { background: var(--settings-subtle); color: var(--settings-muted); font-size: .733333rem; font-weight: 500; }
.settings-view :is(.users-table,.spend-table) td { overflow-wrap: anywhere; }
.settings-view .spend-table td small { font-size: .733333rem; max-width: 60ch; }
.settings-view .spend-table :is(th,td):not(:first-child) { font-variant-numeric: tabular-nums; }
.settings-view .spend-table :is(th,td):last-child { text-align: end; }
.settings-view .spend-filters { padding: 0 0 24px; margin-bottom: 24px; border-bottom: 1px solid var(--settings-line); align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.settings-view .spend-filters label { font-size: var(--settings-caption); }
.settings-view .spend-filters input { min-height: 38px; }
.settings-view .spend-filters>span { margin-inline-start: auto; padding-block-end: 8px; }
.settings-view .spend-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-block: 24px; }
.settings-view .spend-cards .card { padding: 22px 24px; }
.settings-view .spend-cards .cost-total { background: var(--settings-selected); }
.settings-view .spend-cards strong { font-size: 2rem; line-height: 1.25; font-weight: 550; letter-spacing: -.025em; font-variant-numeric: tabular-nums; margin-block: 10px; overflow-wrap: anywhere; }
.settings-view .spend-cards small { display: block; }
.settings-view .spend-cards span { font-size: var(--settings-caption); color: var(--settings-muted); }
.settings-view .spend-section { margin-block: 24px; }
.settings-view .spend-section .section-header { margin-block-end: 20px; }
.settings-view .spend-section .spend-table-wrap { margin-inline: -24px; }
.settings-view .spend-section .spend-table-wrap :is(th,td):first-child { padding-inline-start: 24px; }
.settings-view .spend-section .spend-table-wrap :is(th,td):last-child { padding-inline-end: 24px; }
.settings-view .infra-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.settings-view .infra-bill-form { gap: 20px; }
.settings-view .spend-note { max-width: 75ch; }
.settings-view .adoption-definition { max-width: 75ch; }
.settings-view .adoption-bar { fill: var(--settings-accent); }
.settings-view .adoption-average { stroke: #a15b28; }
.settings-view .adoption-legend span:first-child { color: var(--settings-accent); }
.settings-view .adoption-legend span:last-child { color: #a15b28; }
.settings-view .spend-section svg text { fill: var(--settings-muted); }
.settings-view dialog { width: min(520px,calc(100% - 32px)); border: 1px solid var(--settings-line); border-radius: 16px; max-height: calc(100dvh - 40px); max-width: calc(100% - 32px); overscroll-behavior: contain; box-shadow: 0 16px 64px #28202f29; }
.settings-view dialog::backdrop { background: #221b2d66; }
.settings-view dialog :is(h2,p) { overflow-wrap: anywhere; }
.settings-view dialog h2 { font-size: 1.333333rem; font-weight: 600; letter-spacing: -.02em; }
.settings-view dialog .dialog-close { min-width: 36px; min-height: 36px; }
.settings-view dialog .field { margin-block-end: 20px; }
.settings-view dialog .field>label { display: block; margin-block-end: 8px; }
.settings-view dialog :is(.subtext,small,.automation-policy) { color: var(--settings-muted); font-size: var(--settings-caption); line-height: 1.6; }
.settings-view dialog :is(.credential-actions,.role-actions,.environment-dialog-actions) { gap: 12px; margin-block-start: 24px; padding-block-start: 20px; border-top: 1px solid var(--settings-line); }
.settings-view dialog [type=submit] { background: var(--settings-accent); color: #fff; border-color: var(--settings-accent); }
.settings-view dialog .field :is(input,select,textarea) { width: 100%; }
.settings-view .settings-load-error { max-width: 65ch !important; }
.settings-view .settings-load-error>div { margin-block: 24px; }
@media (hover:hover) {
  #settings-navigation a:hover,.settings-view .settings-link:hover { background: var(--settings-selected); }
  .settings-view button.primary:hover,.settings-view dialog [type=submit]:hover { background: var(--brand-hover); }
  .settings-view button.quiet:hover { background: var(--settings-selected); color: var(--settings-text); }
  .settings-view button.danger:hover { background: var(--settings-danger-bg); color: var(--settings-danger); }
}
@media (prefers-reduced-motion:no-preference) {
  .settings-view button.primary { transition: scale 150ms ease-out, background-color 150ms ease-out; }
  .settings-view button.primary:not(:disabled):active { scale: .96; }
}
@media (prefers-reduced-motion:reduce) {
  .settings-view *, .settings-view *::before, .settings-view *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors:active) {
  #settings-navigation a[aria-current] { outline: 1px solid Highlight; }
  .settings-view :is(button,a,input,select,textarea,summary):focus-visible { outline-color: Highlight; }
}
@media (max-width:1150px) {
  .settings-view #content { padding-inline: 28px; }
  .settings-view :is(.skill-card,.secret-card) { flex-wrap: wrap; }
  .settings-view .skill-card-actions { flex-basis: 100%; }
  .settings-view .setup-grid { grid-template-columns: 1fr; }
  .settings-view .spend-section .section-header { flex-wrap: wrap; }
  .settings-view .spend-cards strong { font-size: 1.666667rem; }
}
@media (max-width:850px) {
  .settings-view .rail { width: 260px; }
  .settings-view #content { padding: 28px 24px 48px; }
  .settings-view .settings-group,.settings-view #title-model-settings { grid-template-columns: 140px minmax(0,1fr); gap: 16px; }
}
@media (max-width:650px) {
  .settings-view .topbar { padding-inline: 16px; }
  .settings-view #content { padding: 24px 16px 48px; }
  .settings-view #content h1 { font-size: 1.666667rem; }
  .settings-view #content :is(.page-heading,.skills-page>.section-header,.secrets-page>.section-header,.memory-page>.section-header) { align-items: flex-start; flex-direction: column; gap: 16px; margin-bottom: 24px; }
  .settings-view #content :is(.settings-group,#title-model-settings) { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .settings-view .settings-group h2 { margin: 0; }
  .settings-view .settings-group h2>span { display: inline-block; margin: 0 0 0 8px; }
  .settings-view .settings-link { padding-inline: 4px; }
  .settings-view #content :is(.connections-grid,.environment-grid,#memory-list,.spend-cards,.org-lower,.user-role-guide) { grid-template-columns: minmax(0,1fr); }
  .settings-view #content :is(.card,.connection-card,.automation-card,.memory-card,.environment-card) { padding: 20px; }
  .settings-view .memory-controls,.settings-view .memory-learning { padding: 20px; flex-wrap: wrap; }
  .settings-view .memory-controls button { white-space: normal; }
  .settings-view .memory-learning { flex-direction: column; align-items: stretch; gap: 12px; }
  .settings-view .memory-learning select { max-width: 100%; }
  .settings-view .memory-filter input { width: 100%; }
  .settings-view .environment-explainer { grid-template-columns: 1fr; }
  .settings-view .secret-card .credential-actions { flex-basis: 100%; }
  .settings-view .automation-card :is(header,footer) { flex-wrap: wrap; }
  .settings-view .automation-history-row { grid-template-columns: minmax(0,1fr); gap: 6px; }
  .settings-view .users-toolbar { flex-wrap: wrap; padding: 16px; }
  .settings-view .users-search { flex-basis: 100%; }
  .settings-view .spend-filters>span { margin-inline-start: 0; flex-basis: 100%; }
  .settings-view .spend-filters label { flex: 1; min-width: 120px; }
  .settings-view .spend-filters input { width: 100%; }
  .settings-view .spend-cards { gap: 12px; }
  .settings-view .spend-section .spend-table-wrap { margin-inline: -20px; }
  .settings-view :is(.users-table,.spend-table) { min-width: 540px; }
  .settings-view .detail-row { gap: 12px; }
  .settings-view :is(#content,dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size: 16px; }
  .settings-view dialog :is(.skill-form-row,.environment-form-grid,.automation-fields) { grid-template-columns: minmax(0,1fr); flex-direction: column; }
  .settings-view dialog :is(.skill-editor,.memory-editor,.automation-form) { padding: 24px 20px; }
  .settings-view dialog .automation-fields>label { flex-basis: 100%; }
}
/* Content, controls, and their metadata share a compact, readable scale. */
.settings-view .settings-group { padding-block: 16px; }
.settings-view .settings-link { min-height: 60px; padding-block: 10px; }
.settings-view .skills-filters>input { max-width: 340px; }
.settings-view .settings-library-note { margin-block-start: 24px; max-width: 75ch; }
.settings-view .settings-toolbar :is(input,select) { min-height: 40px; }
.settings-view #content :is(.badge,.secret-scope,.user-role,.memory-kind,.connection-state,.infra-status) { font-size: .8rem; }
.settings-view .connection-card { gap: 0; }
.settings-view .connection-top { gap: 12px; margin-bottom: 16px; }
.settings-view .connection-top h2 { margin: 0; }
.settings-view .connection-top .connection-state { margin-inline-start: auto; }
.settings-view .connection-facts { gap: 0; }
.settings-view .connection-facts>div { margin-block: 6px; }
.settings-view .connection-facts dd { text-align: start; }
.settings-view .connection-action { margin-block-start: auto; padding-block-start: 16px; }

.settings-view [role=region][tabindex]:focus-visible { outline: 2px solid var(--settings-accent); outline-offset: -2px; }

.settings-view #memory-dialog { padding: 0; }
.settings-view .skill-instructions-label { flex-wrap: wrap; gap: 12px; }
.settings-view .skill-import { position: relative; display: inline-flex; padding: 6px 10px; border: 1px solid var(--settings-control-border); border-radius: 6px; font-size: var(--settings-caption); }
.settings-view .skill-import input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
.settings-view .skill-import:focus-within { outline: 2px solid var(--settings-accent); outline-offset: 3px; }
@media (max-width:650px) {
  .settings-view dialog { padding: 24px 20px; }
  .settings-view :is(#memory-dialog,#skill-dialog,#automation-dialog) { padding: 0; }
  .settings-view .spend-filters label { flex-basis: 100%; }
  .settings-view .spend-filters input { min-width: 0; }
}

.settings-view .environment-dialog { width: min(760px,calc(100% - 32px)); }

.settings-view .sandbox-connection { margin-block-end: 24px; }
.settings-view #sandbox-connection-form { max-width: 768px; display: grid; gap: 16px; margin-block-start: 20px; }
.settings-view #sandbox-connection-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.settings-view #sandbox-connection-form .field { display: grid; gap: 8px; margin: 0; }
.settings-view #sandbox-connection-fields :is(.sandbox-field-wide,details) { grid-column: 1 / -1; }
.settings-view #sandbox-connection-fields :is(input,textarea) { width: 100%; min-width: 0; }
.settings-view .sandbox-public-key { white-space: pre-wrap; overflow-wrap: anywhere; }
.settings-view #sandbox-connection-status:empty { display: none; }
@media(max-width:600px) {
  .settings-view #sandbox-connection-fields { grid-template-columns: minmax(0,1fr); }
}

/* Spend and adoption: compact report navigation, open chart sections, and quiet data tables. */
.settings-view .analytics-page {
  --chart-blue: #2863ed; --chart-teal: #069db2; --chart-green: #2b9861;
  --chart-amber: #b98208; --chart-violet: #8056ce;
  width: 100%; min-width: 0;
}
.settings-view #content .analytics-page>.page-heading { margin-bottom: 24px; align-items: flex-start; }
.settings-view #content .analytics-page h1 { font-size: 1.466667rem; }
.settings-view #content .analytics-page>.page-heading p { font-size: var(--settings-caption); }
.analytics-actions,.analytics-toolbar,.analytics-tabs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.analytics-actions { justify-content: flex-end; }
.analytics-toolbar { justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--settings-line); margin-bottom: 32px; gap: 12px; }
.settings-view .analytics-tabs button { border-color: transparent; background: transparent; color: var(--settings-muted); padding: 6px 10px; min-height: 34px; }
.settings-view .analytics-tabs button[aria-pressed=true] { background: #efedf1; color: var(--settings-text); }
.settings-view .analytics-export { background: #353238; color: white; border-color: #353238; }
.analytics-range { position: relative; }
.settings-view #content .analytics-range>summary { display:flex;align-items:center;gap:18px;border:1px solid var(--settings-control-border);border-radius:var(--settings-control-radius);padding:6px 12px;min-height:36px;font-weight:400;margin:0;list-style:none; }
.analytics-range>summary::-webkit-details-marker { display: none; }
.analytics-range-menu { position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:5;width:320px;max-width:calc(100vw - 48px);padding:20px;background:var(--settings-surface);border:1px solid var(--settings-line);border-radius:12px;box-shadow:0 8px 24px #28202f18; }
.analytics-range-menu label { display:grid;gap:6px;font-size:var(--settings-caption); }
.analytics-range-menu select { width:100%; }
.analytics-date-form { display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin:16px 0 0; }
.analytics-date-form input { width:100%; }
.analytics-date-form small { grid-column:1/-1; }
.settings-view #content .analytics-section { margin:0 0 48px;padding:0;min-width:0; }
.settings-view #content .analytics-section h2 { font-size:.933333rem;margin:0 0 20px;font-weight:550; }
.settings-view #content .analytics-section .section-header { margin-bottom:16px;display:flex;justify-content:space-between;flex-wrap:wrap; }
.settings-view #content .analytics-section .section-header h2 { margin:0; }
.settings-view #content .analytics-description { margin:0 0 16px; }
.settings-view .analytics-page .spend-users-table :is(th,td):not(:first-child) { white-space:nowrap;overflow-wrap:normal; }
.analytics-metrics { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;margin:0 0 24px; }
.analytics-metrics>div { display:flex;flex-direction:column;gap:4px; }
.analytics-metrics span { color:var(--settings-muted);font-size:var(--settings-caption); }
.analytics-metrics strong { font-size:1.2rem;font-weight:500;font-variant-numeric:tabular-nums; }
.settings-view #content .analytics-metrics small { font-size:.733333rem; }
.analytics-chart-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }
.settings-view #content .analytics-chart-heading h3 { margin:0;font-weight:400;font-size:var(--settings-caption); }
.analytics-chart-heading>span { font-size:.733333rem;color:var(--settings-muted); }
.analytics-legend { display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0;color:var(--settings-muted);font-size:.733333rem; }
.analytics-legend>span { display:flex;align-items:center;gap:6px; }
.analytics-legend i { width:8px;height:8px;display:inline-block;border-radius:2px; }
.analytics-color-0 { fill:var(--chart-blue);background:var(--chart-blue); }
.analytics-color-1 { fill:var(--chart-teal);background:var(--chart-teal); }
.analytics-color-2 { fill:var(--chart-green);background:var(--chart-green); }
.analytics-color-3 { fill:var(--chart-amber);background:var(--chart-amber); }
.analytics-color-4 { fill:var(--chart-violet);background:var(--chart-violet); }
.analytics-chart { width:100%;overflow-x:auto; }
.analytics-chart svg { display:block;width:100%;min-width:540px;height:auto; }
.analytics-chart text { fill:var(--settings-muted);font-size:11px;font-family:inherit; }
.analytics-grid { stroke:var(--settings-line);stroke-dasharray:3 4;stroke-width:1; }
.analytics-area { fill:var(--chart-blue);opacity:.07; }
.analytics-trend { fill:none;stroke:var(--chart-blue);stroke-width:2;stroke-linejoin:round; }
.analytics-point { fill:var(--chart-blue); }
.analytics-cumulative { fill:none;stroke:#45414b;stroke-width:2;stroke-linejoin:round; }
.analytics-cumulative-point { fill:#45414b; }
.analytics-legend .analytics-line-key { width:12px;height:0;border-top:2px solid #45414b; }
.settings-view #content .analytics-footnote { font-size:.733333rem;margin:10px 0 0; }
.analytics-page .cost-summary { margin:0 0 16px;gap:24px; }
.settings-view #content .analytics-page .cost-summary>.card { padding:0;border:0;border-radius:0;background:transparent;gap:4px; }
.settings-view .analytics-page .cost-summary strong { font-size:1.6rem;margin-block:4px;color:var(--settings-text); }
.settings-view #content .analytics-page .spend-reconciliation { padding:10px 14px;margin:16px 0 32px;font-size:.8rem; }
.settings-view #content .analytics-page .spend-reconciliation p { font-size:.8rem;margin:4px 0 0; }
.analytics-history-card { border:1px solid var(--settings-line);border-radius:12px;padding:24px; }
.analytics-total { display:block;font-size:2rem;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:4px 0 16px; }
.analytics-composition { display:flex;height:6px;background:var(--settings-subtle);border-radius:6px;overflow:hidden;margin-bottom:16px; }
.settings-view #content .analytics-status { font-size:var(--settings-caption);color:var(--settings-muted);margin:16px 0 0; }
.settings-view #content .analytics-status-warning { color:var(--settings-warning); }
.analytics-table-frame { border:1px solid var(--settings-line);border-radius:10px; }
.settings-view .analytics-page .spend-table :is(th,td) { padding:12px 16px; }
.settings-view .analytics-page .spend-table th { font-size:.733333rem; }
.settings-view .analytics-page .spend-table td { font-size:.8rem; }
.settings-view .analytics-page .spend-table td strong { font-weight:500; }
.settings-view .analytics-page .spend-table td small { font-size:.733333rem;margin:2px 0 0; }
.settings-view .analytics-page .spend-table :is(th,td):not(:first-child) { text-align:end; }
.settings-view .analytics-page .spend-table td:last-child { white-space:normal; }
.settings-view button.analytics-sort { padding:0;min-height:28px;border:0;background:none;color:inherit;font:inherit;white-space:nowrap; }
.analytics-share { display:flex;align-items:center;justify-content:flex-end;gap:10px; }
.analytics-share>span { display:block;width:100px;height:6px;border-radius:4px;background:var(--settings-subtle);overflow:hidden; }
.analytics-share i { display:block;height:100%;background:var(--chart-blue);border-radius:4px; }
.analytics-share small { min-width:44px; }
.analytics-breakdown { margin-block:20px;border-bottom:1px solid var(--settings-line);padding-bottom:12px; }
.analytics-breakdown .spend-table-wrap { margin-top:12px; }
.analytics-methodology { margin-top:32px;color:var(--settings-muted);font-size:var(--settings-caption);max-width:75ch; }
.analytics-page .spend-user-filter select,.analytics-page #spend-model { max-width:280px;width:100%; }
@media(max-width:900px){
 .settings-view #content .analytics-page>.page-heading { flex-wrap:wrap;gap:16px; }
 .analytics-actions { justify-content:flex-start; }
 .analytics-range-menu { inset-inline-start:0;inset-inline-end:auto; }
 .analytics-metrics { gap:16px; }
}
@media(max-width:600px){
 .settings-view .analytics-tabs button,.settings-view .analytics-actions button { min-height:44px; }
 .analytics-tabs { gap:4px; }
 .analytics-toolbar { align-items:flex-start; }
 .analytics-page .cost-summary { grid-template-columns:1fr; }
 .analytics-history-card { padding:16px; }
 .analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .analytics-page input,.analytics-page select { font-size:16px; }
 .settings-view #content .analytics-page .analytics-section { margin-bottom:36px; }
 .analytics-range-menu { width:288px; }
 .analytics-date-form { grid-template-columns:1fr; }
}
.analytics-tabs a,.analytics-tabs>span { display:inline-block;padding:6px 10px;font-size:var(--settings-caption);border-radius:6px; }
.analytics-tabs a { color:var(--settings-muted); }
.analytics-tabs>span[aria-current] { background:#efedf1;color:var(--settings-text); }
.analytics-average { fill:none;stroke:var(--chart-amber);stroke-width:2;stroke-linejoin:round; }
.analytics-legend .analytics-average-key { width:12px;height:0;border-top:2px solid var(--chart-amber); }
.analytics-partial { opacity:.5; }
/* Pull-request analytics shares the report's table, metrics, and status primitives. */
.analytics-pr-filters { display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:20px 0; }
.analytics-pr-filters label { display:grid;gap:6px;font-size:var(--settings-caption); }
.analytics-pr-filters label:first-child { flex:1;min-width:180px; }
.analytics-pr-filters input { width:100%; }
.settings-view .analytics-page .analytics-pr-table :is(th,td):nth-child(-n+4) { text-align:start; }
.analytics-pr-table { min-width:900px; }
.analytics-pr-table td:first-child { min-width:220px;max-width:320px; }
.analytics-pr-table td:nth-child(4) { min-width:150px;max-width:240px; }
.analytics-pr-table th small,.analytics-pr-leaderboard th small { display:block;font-weight:400; }
.settings-view #content .pr-status-neutral { background:var(--settings-subtle);color:var(--settings-muted); }
.settings-view #content .pr-status-unknown { background:var(--settings-warning-bg);color:var(--settings-warning); }
.analytics-pr-leaderboard { min-width:980px; }
.analytics-pr-leaderboard td:first-child { min-width:180px; }
.settings-view .analytics-page .analytics-pr-leaderboard :is(th,td):nth-child(3) { text-align:start;min-width:200px; }
.analytics-pr-person { display:flex;gap:12px;align-items:center;min-width:200px; }
.analytics-pr-rank { width:24px;flex:0 0 24px;color:var(--settings-muted);font-variant-numeric:tabular-nums; }
.settings-view button.analytics-pr-person-link { padding:0;min-height:24px;border:0;background:none;color:var(--settings-accent);font:inherit;text-align:start; }
.analytics-pr-status-legend { display:flex;gap:8px 16px;flex-wrap:wrap;margin-bottom:12px;color:var(--settings-muted);font-size:var(--settings-caption); }
.analytics-pr-status-legend>span { display:flex;align-items:center;gap:6px; }
.analytics-pr-status-legend i { display:inline-block;width:8px;height:8px;border-radius:2px; }
.analytics-pr-status-bar { display:flex;min-width:180px;height:8px;border-radius:4px;overflow:hidden;background:var(--settings-subtle); }
.analytics-pr-status-counts { display:flex;flex-wrap:wrap;gap:0 4px;margin-top:6px;color:var(--settings-muted);font-size:var(--settings-caption); }
.analytics-pr-status-counts>span { white-space:nowrap; }
.pr-distribution-merged { background:var(--chart-violet); }
.pr-distribution-open { background:var(--chart-green); }
.pr-distribution-draft { background:var(--chart-amber); }
.pr-distribution-closed { background:var(--settings-muted); }
.pr-distribution-unknown { background:var(--settings-control-border); }
.analytics-pr-detail { margin-top:32px; }
.settings-view #content .analytics-pr-detail h3 { margin:0;font-size:var(--settings-caption);font-weight:500; }
.settings-view #content .analytics-pr-detail h4 { margin:24px 0 12px;font-size:var(--settings-caption);font-weight:500; }
@media(max-width:600px){
 .analytics-pr-filters label { flex:1;min-width:0; }
 .analytics-pr-filters label:first-child { flex-basis:100%; }
 .settings-view button.analytics-pr-person-link { min-height:44px; }
}