/* Settings primitives. The workspace palette and native controls are shared with chat.
   .settings-view belongs to the page/rail and explicitly owned dialog mounts,
   never body: workspace overlays and the composer have their own density. */
.settings-view {
  --settings-text: var(--ui-foreground);
  --settings-muted: var(--ui-muted);
  --settings-surface: var(--ui-background);
  --settings-subtle: var(--ui-subtle);
  --settings-line: var(--ui-border);
  --settings-control-border: var(--ui-control-border);
  --settings-accent: var(--ui-primary);
  --settings-accent-foreground: var(--ui-primary-foreground);
  --settings-selected: var(--ui-secondary);
  --settings-danger: var(--ui-danger);
  --settings-danger-bg: var(--ui-danger-bg);
  --settings-success: var(--ui-success);
  --settings-success-bg: var(--ui-success-bg);
  --settings-warning: var(--ui-warning);
  --settings-warning-bg: var(--ui-warning-bg);
  --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: var(--ui-background); color: var(--ui-primary); border: 2px solid var(--ui-primary); border-radius: 8px; }
.skip-link:focus { inset-block-start: 12px; }
/* Inherit the chat rail width, brand inset, and responsive shell spacing. */
.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; padding: 7px 8px; margin: 0; border-radius: 7px; color: var(--settings-muted); font-size: 14px; text-decoration: none; line-height: normal; }
#settings-navigation a[aria-current] { background: var(--settings-selected); color: var(--settings-text); font-weight: 500; box-shadow: inset 2px 0 var(--settings-accent); }
#settings-navigation svg { width: 18px; height: 17px; flex: 0 0 18px; }
#settings-navigation .settings-back { margin-block: 2px 20px; }
.settings-overview-icon { width: 18px; flex: 0 0 18px; text-align: center; font-size: 19px; line-height: 1; }
.settings-nav-title { padding: 0 8px 12px; font-size: 1.066667rem; font-weight: 450; }
.settings-nav-group { margin-block-start: 20px; }
.settings-nav-group h2 { font-size: .733333rem; font-weight: 500; margin: 0 8px 6px; color: var(--settings-muted); letter-spacing: .04em; }
.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: 350; letter-spacing: -.035em; 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: 450; letter-spacing: -.015em; }
.settings-view #content h3 { font-size: var(--settings-body); line-height: 1.4; font-weight: 450; }
.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 :where(#content,[data-slot="dialog-content"]) :is(button,input,select,textarea) { font-size: var(--settings-body); line-height: 1.45; }
.settings-view :where(#content,[data-slot="dialog-content"]) button { min-height: 36px; border-radius: var(--settings-control-radius); padding: 8px 12px; font-weight: 500; box-shadow: none; }
.settings-view button.primary { color: var(--settings-accent-foreground); 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,[data-slot="dialog-content"]) :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 :is(#content,[data-slot="dialog-content"]) [data-slot="native-select-wrapper"] select[data-slot="native-select"] { padding-inline-end: 36px; }
.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: var(--settings-accent); 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 var(--ui-warning-border); 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: var(--ui-success-border); }
.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 .settings-preferences { min-width: 0; }
.settings-view .settings-preference { padding: 12px; }
.settings-view .settings-preference + .settings-preference { margin-block-start: 8px; }
.settings-view .settings-preference label { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 44px; cursor: pointer; }
.settings-view .settings-preference .settings-copy { min-width: 0; max-width: 65ch; }
.settings-view .settings-preference input { appearance: none; width: 36px; height: 22px; flex: 0 0 36px; padding: 2px; margin: 0; border: 1px solid var(--settings-control-border); border-radius: 20px; background: var(--settings-subtle); cursor: pointer; }
.settings-view .settings-preference input::before { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: var(--settings-muted); }
.settings-view .settings-preference input:checked { background: var(--settings-accent); border-color: var(--settings-accent); }
.settings-view .settings-preference input:checked::before { background: var(--settings-surface); transform: translateX(14px); }
.settings-view .settings-preference input:disabled { cursor: wait; opacity: .6; }
.settings-view .settings-preference p { margin: 8px 0 0; font-size: var(--settings-caption); }
.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-view :is(.settings-toolbar,.skills-filters,.memory-filter)>input[type=search],
.settings-view .users-search { flex: 1 1 240px; width: auto; min-width: 0; max-width: none; }
.settings-view .users-search input { width: 100%; max-width: none; }
.settings-toolbar :is(select,[data-slot="native-select-wrapper"]) { width: auto; max-width: 100%; }
.settings-toolbar>[data-slot="native-select-wrapper"] { flex-shrink: 0; }
.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 :is(.environment-empty > p, .users-empty) { color: var(--settings-muted); }
.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 label { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; font-size: var(--settings-caption); flex-shrink: 0; }
.settings-view #skill-count { margin: 0; margin-inline-start: auto; flex-shrink: 0; }
.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; flex-direction: row; 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); box-shadow: none; }
.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 #content .skill-card { padding-block: 8px; gap: 16px; }
.settings-view .skill-info { display: grid; gap: 4px; }
.settings-view .skill-card p { max-width: 70ch; margin: 0; color: var(--settings-muted); font-size: var(--settings-caption); }
.settings-view .skill-title { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.settings-view .skill-identity { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.settings-view .skill-identity .skill-symbol { flex-shrink: 0; }
.settings-view .skill-card .secret-scope { margin: 0; }
.settings-view .skill-card code { min-width: 0; max-width: 100%; font-size: .733333rem; color: var(--settings-muted); background: var(--settings-subtle); padding: 3px 6px; border-radius: 4px; overflow-wrap: anywhere; }
.settings-view .skill-card .skill-card-actions { gap: 4px; }
.settings-view .skill-card-actions button { white-space: nowrap; }
.settings-view :is(.skill-card-actions,.credential-actions,.environment-card-actions) { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.settings-view .secret-list { gap: 0; }
.settings-view #content .secret-card { padding-block: 12px; gap: 16px; }
.settings-view .secret-info { display: grid; gap: 4px; }
.settings-view :is(.secret-title,.secret-meta) { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; min-width: 0; }
.settings-view .secret-title { align-items: baseline; }
.settings-view .secret-card p { font-size: var(--settings-caption); margin: 0; overflow-wrap: anywhere; }
.settings-view .secret-card .secret-scope { margin: 0; }
.settings-view .secret-card .credential-actions { margin: 0; flex-shrink: 0; }
.settings-view .secret-card .credential-actions button { max-width: none; white-space: nowrap; }
.settings-view .secret-card small { display: inline; min-width: 0; overflow-wrap: anywhere; }
.settings-view .secret-card .secret-reference { font: .8rem/1.6 var(--mono); color: var(--settings-muted); min-width: 0; overflow-wrap: anywhere; }
.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-learning label { line-height: 1.5; }
.settings-view .memory-learning>[data-slot="native-select-wrapper"] { width: min(100%,320px); flex-shrink: 0; }
.settings-view .memory-privacy { margin-bottom: 24px; color: var(--settings-muted); }
.settings-view :is(p,li) > a { text-decoration: underline; text-underline-offset: 3px; }
.settings-view .memory-review { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-block: 16px; }
.settings-view .memory-review p { flex: 1 1 240px; margin: 0; }
.settings-view .memory-filter { margin-block: 24px 16px; flex-wrap: wrap; }
.settings-view .memory-filter>span { margin-inline-start: auto; }
.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); color: var(--settings-muted); 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: 500; }
.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-toolbar>label:not(.users-search) { flex-shrink: 0; }
.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: var(--settings-accent); }
.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 .user-history summary > span { color: var(--settings-muted); }
.settings-view :is(.users-table-scroll,.spend-table-wrap) { overflow-x: auto; scrollbar-width: auto; }
/* Keep scrolling on the labelled, focusable region used by the controllers. */
.settings-view :is(.users-table-scroll,.spend-table-wrap)>[data-slot="table-container"] { overflow: visible; }
.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; white-space: normal; 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: var(--settings-warning); }
.settings-view .adoption-legend span:first-child { color: var(--settings-accent); }
.settings-view .adoption-legend span:last-child { color: var(--settings-warning); }
.settings-view .spend-section svg text { fill: var(--settings-muted); }
.settings-view [data-slot="dialog-content"] { 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: var(--ui-shadow); }
.settings-view [data-slot="dialog-content"]::backdrop { background: var(--ui-overlay); }
.settings-view [data-slot="dialog-content"] :is(h2,p) { overflow-wrap: anywhere; }
.settings-view [data-slot="dialog-content"] h2 { font-size: 1.333333rem; font-weight: 500; letter-spacing: -.02em; }
.settings-view [data-slot="dialog-content"] .dialog-close { min-width: 36px; min-height: 36px; }
.settings-view [data-slot="dialog-content"] .field { margin-block-end: 20px; }
.settings-view [data-slot="dialog-content"] .field>label { display: block; margin-block-end: 8px; }
.settings-view [data-slot="dialog-content"] :is(.subtext,small,.automation-policy) { color: var(--settings-muted); font-size: var(--settings-caption); line-height: 1.6; }
.settings-view .environment-dialog-header p { color: var(--settings-muted); }
.settings-view [data-slot="dialog-content"] :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 [data-slot="dialog-content"] [type=submit] { background: var(--settings-accent); color: var(--settings-accent-foreground); border-color: var(--settings-accent); }
.settings-view [data-slot="dialog-content"] .field :is(input,select,textarea) { width: 100%; }
.settings-view [data-slot="dialog-content"] :is(.memory-editor,.skill-editor) textarea { max-height: 40dvh; overflow-y: auto; }
.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 [data-slot="dialog-content"] [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 .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 #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 #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>[data-slot="native-select-wrapper"] { width: 100%; }
  .settings-view .memory-learning select { max-width: 100%; }
  .settings-view :is(.settings-toolbar,.skills-filters,.memory-filter)>input[type=search] { flex-basis: 100%; }
  .settings-view .environment-explainer { grid-template-columns: 1fr; }
  .settings-view #content .skill-card { gap: 8px; }
  .settings-view .skill-card>:is(.skill-info,.skill-card-actions) { flex-basis: 100%; }
  .settings-view .skill-card-actions button { min-height: 44px; }
  .settings-view #content .secret-card { gap: 8px; }
  .settings-view .secret-card>.secret-info { flex-basis: 100%; }
  .settings-view .secret-card .credential-actions { flex-basis: 100%; }
  .settings-view .secret-card .credential-actions button { min-height: 44px; }
  .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,[data-slot="dialog-content"]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size: 16px; }
  .settings-view [data-slot="dialog-content"] :is(.skill-form-row,.environment-form-grid,.automation-fields) { grid-template-columns: minmax(0,1fr); flex-direction: column; }
  .settings-view [data-slot="dialog-content"] :is(.skill-editor,.memory-editor,.automation-form) { padding: 24px 20px; }
  .settings-view [data-slot="dialog-content"] .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 .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 :is(#memory-dialog,[data-dialog-id="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 [data-slot="dialog-content"] { padding: 24px 20px; }
  .settings-view :is(:is(#memory-dialog,[data-dialog-id="memory-dialog"]),:is(#skill-dialog,[data-dialog-id="skill-dialog"]),:is(#automation-dialog,[data-dialog-id="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: #b7cdfa; --chart-teal: #8fd9e5; --chart-green: #a9dcc9;
  --chart-amber: #efd398; --chart-violet: #c4b8ee;
  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: var(--settings-selected); color: var(--settings-text); }
.settings-view .analytics-export { background: var(--settings-accent); color: var(--settings-accent-foreground); border-color: var(--settings-accent); }
.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:var(--ui-shadow); }
.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:450; }
.settings-view #content .analytics-section>h2:has(+.analytics-description) { margin-bottom:8px; }
.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:var(--settings-text);stroke-width:2;stroke-linejoin:round; }
.analytics-cumulative-point { fill:var(--settings-text); }
.analytics-legend .analytics-line-key { width:12px;height:0;border-top:2px solid var(--settings-text); }
.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:450;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:var(--settings-selected);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; }
.settings-view .analytics-pr-table { min-width:900px; }
.analytics-pr-table td:first-child { min-width:220px;max-width:320px; }
.analytics-pr-table td:nth-child(2) { min-width:180px; }
.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); }
.settings-view .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; }
}

/* Automation library, creation menu, and side-panel editor. */
.settings-view .automation-create { position: relative; flex-shrink: 0; }
.settings-view #content .automation-create > summary { display: flex; align-items: center; gap: 12px; list-style: none; background: var(--settings-accent); color: var(--settings-accent-foreground); border-radius: 8px; padding: 9px 14px; font-size: var(--settings-body); margin: 0; }
.settings-view .automation-create > summary::-webkit-details-marker { display: none; }
.automation-create-options { position: absolute; z-index: 5; inset-inline-end: 0; inset-block-start: calc(100% + 6px); width: 224px; padding: 6px; background: var(--settings-surface); border: 1px solid var(--settings-line); border-radius: 12px; box-shadow: var(--ui-shadow); }
.settings-view .automation-create-options button { display: block; width: 100%; text-align: start; background: transparent; border-color: transparent; }
.settings-view .automation-create-options button:hover { background: var(--settings-selected); }
.automation-discover { display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--settings-line); border-inline-start: 3px solid var(--settings-accent); border-radius: 12px; padding: 20px 24px; }
.automation-discover p { margin: 4px 0 0; color: var(--settings-muted); font-size: var(--settings-caption); }
.automation-discover button { flex-shrink: 0; }
.automation-scopes { display: flex; gap: 4px; flex-shrink: 0; }
.settings-view .automation-scopes button { border-color: transparent; background: transparent; color: var(--settings-muted); }
.settings-view .automation-scopes button[aria-pressed=true] { color: var(--settings-accent); background: var(--settings-selected); }
.automation-scopes span { font-variant-numeric: tabular-nums; margin-inline-start: 4px; }
.automation-toolbar .settings-result-count { margin-inline-start: 0; }
.automation-template-list { display: grid; gap: 12px; }
.settings-view .automation-template-list button { padding: 20px; text-align: start; border: 1px solid var(--settings-line); background: var(--settings-surface); }
.automation-template-list :is(strong,span,small) { display: block; }
.automation-template-list span { margin: 6px 0 12px; color: var(--settings-muted); font-weight: 400; }
.settings-view [data-slot="dialog-content"].automation-start-dialog { width: min(640px,calc(100% - 32px)); padding: 0; }
.settings-view :is(#automation-dialog,[data-dialog-id="automation-dialog"]).automation-drawer { position: fixed; inset: 0 0 0 auto; translate: none; margin: 0; width: min(800px,100%); max-width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; border: 0; border-inline-start: 1px solid var(--settings-line); overflow: auto; }
.settings-view .automation-drawer .automation-editor { padding: 0; }
.automation-editor > header { position: sticky; inset-block-start: 0; z-index: 2; display: flex; align-items: center; gap: 16px; padding: 20px 24px; margin: 0; background: var(--settings-surface); border-bottom: 1px solid var(--settings-line); }
.settings-view .automation-editor > header h2 { font-size: var(--settings-heading); }
.automation-editor > header > div { display: flex; align-items: center; gap: 8px; }
.automation-editor-body { padding: 24px; }
.automation-editor-section { margin: 24px 0; padding: 24px; border: 1px solid var(--settings-line); border-radius: 12px; }
.automation-editor-section h3 { margin: 0 0 8px; font-size: var(--settings-heading); font-weight: 500; }
.automation-editor-section > .subtext { margin: 0 0 20px; }
.automation-editor-section :is(h4,legend) { font-size: var(--settings-body); font-weight: 500; }
.automation-editor-section .automation-trigger-group { margin: 16px 0 0; }
.automation-editor-section .automation-trigger-group > legend { display: none; }
.automation-editor-section .automation-trigger-card { background: var(--settings-subtle); }
.automation-editor-section .automation-trigger-card > header { margin: 0; align-items: center; }
.automation-readonly,.automation-section-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 20px; }
.automation-readonly strong { font-weight: 400; color: var(--settings-muted); overflow-wrap: anywhere; }
.automation-section-heading { margin-block-end: 8px; }
.automation-section-heading h4 { margin: 0; }
.automation-section-heading a { font-size: var(--settings-caption); }
.automation-connections { border: 1px solid var(--settings-line); border-radius: 8px; overflow: hidden; }
.automation-connection-search { display: flex; align-items: center; gap: 12px; padding: 12px; }
.automation-connection-search input { flex: 1; width: 0; }
.automation-connection-search span { font-size: var(--settings-caption); color: var(--settings-muted); white-space: nowrap; }
.automation-connections > [data-connection] { border-top: 1px solid var(--settings-line); padding: 12px 16px; }
.settings-view .automation-connections .automation-check { display: flex; margin: 0; width: 100%; }
.automation-connections .automation-check small { margin-inline-start: auto; text-align: end; }
.automation-connections details { margin: 4px 0 0 24px; font-size: var(--settings-caption); color: var(--settings-muted); }
.automation-connections details li { margin-block: 8px; overflow-wrap: anywhere; }
.automation-connections [data-connection-empty] { padding: 0 16px; }
.automation-metadata-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap: 12px; align-items: end; }
.automation-metadata-row button { margin-bottom: 18px; }
.settings-view .automation-form .automation-check { display: flex; align-items: center; gap: 8px; }
.settings-view .automation-form label { align-items: stretch; }
.settings-view .automation-form .automation-check input { width: 16px; height: 16px; flex: 0 0 16px; }
@media(max-width:768px) {
  .automation-discover { align-items: start; flex-direction: column; gap: 16px; padding: 20px; }
  .settings-view .automation-toolbar input[type=search] { flex-basis: 100%; }
  .automation-toolbar .settings-result-count { margin-inline-start: auto; }
  .automation-editor-body { padding: 16px; }
  .automation-editor > header { padding: 16px; flex-wrap: wrap; }
  .automation-editor > header > div { margin-inline-start: auto; }
  .automation-editor-section { padding: 16px; }
  .automation-metadata-row { grid-template-columns: minmax(0,1fr); gap: 0; }
  .automation-connection-search { flex-wrap: wrap; }
  .automation-connection-search input { flex-basis: 100%; }
  .settings-view [data-slot="dialog-content"] :is(input,textarea,select) { font-size: 16px; }
}

/* Learned drafts share the Skills rows and Settings controls. */
.settings-view #skill-learning { display: grid; gap: 16px; margin-block: 24px; min-width: 0; }
.settings-view #skill-learning .memory-controls { margin: 0; border-radius: var(--settings-radius); }
.settings-view #skill-learning .memory-controls > label { display: flex; align-items: center; gap: 8px; flex-shrink: 0; min-height: 44px; }
.settings-view #skill-learning .section-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.settings-view #skill-learning .section-header h2 { margin: 0; }
.settings-view #skill-learning .skill-card { padding: 16px; }
.settings-view #skill-learning-error:empty { display: none; }
.settings-view #skill-learning-error { color: var(--ui-danger); }
[data-dialog-id="skill-dialog"] .settings-hint { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .settings-view #skill-learning .memory-controls { flex-direction: column; }
}

/* Admin performance dashboard: shared Settings surfaces and controls. */
.settings-view .performance-view {display:grid;gap:24px;min-width:0}
.settings-view .performance-view .page-heading {margin-bottom:0}
.settings-view .performance-filters {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.settings-view .performance-filters label {display:grid;gap:8px;min-width:0}
.settings-view #performance-results {display:grid;gap:24px;min-width:0}
.settings-view .performance-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-view .performance-card {min-width:0;display:flex;flex-direction:column}
.settings-view .performance-card h2 {font-size:16px;margin:0 0 8px}
.settings-view .performance-card .subtext {margin:0;min-height:40px}
.settings-view .performance-average {font-size:36px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;margin:16px 0}
.settings-view .performance-average span {font-size:13px;margin-inline-start:8px;color:var(--muted)}
.settings-view .performance-percentiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.settings-view .performance-percentiles dt {font-size:13px;color:var(--muted)}
.settings-view .performance-percentiles dd {margin:4px 0 0;font-variant-numeric:tabular-nums;font-size:16px}
.settings-view .performance-coverage,.settings-view .performance-missing {font-size:13px;margin:4px 0 0;color:var(--muted)}
.settings-view .performance-section-heading,.settings-view .performance-chart-range {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.settings-view .performance-legend {display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin:12px 0}
.settings-view .performance-legend .startup:before,.settings-view .performance-legend .send_now:before {content:'';display:inline-block;width:16px;height:3px;margin:0 6px 3px 0;background:currentColor}
.settings-view .performance-trend svg {width:100%;height:auto;min-height:140px;overflow:visible}
.settings-view .performance-trend .startup {color:var(--accent);stroke:var(--accent)}
.settings-view .performance-trend .send_now {color:var(--text);stroke:var(--text)}
.settings-view .performance-line {fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.settings-view .performance-line.send_now {stroke-dasharray:5 4}
.settings-view .performance-point {fill:currentColor}
.settings-view .performance-axis {stroke:var(--border)}
.settings-view .performance-chart-range {font-size:12px;color:var(--muted);margin:8px 0 16px}
.settings-view .performance-table {overflow:auto;max-width:100%;margin-top:16px}
.settings-view .performance-table table {width:100%;font-variant-numeric:tabular-nums}
.settings-view .performance-table th,.settings-view .performance-table td {text-align:end;white-space:nowrap}
.settings-view .performance-table th:first-child,.settings-view .performance-table td:first-child {text-align:start}
.settings-view .performance-table td {max-width:320px;overflow-wrap:anywhere}
.settings-view .performance-auto {display:block;font-size:12px;color:var(--muted)}
.settings-view .performance-method summary {cursor:pointer;font-weight:500}
.settings-view .performance-method p,.settings-view .performance-empty p {max-width:75ch;line-height:1.6}
@media(max-width:780px){.settings-view .performance-filters {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.settings-view .performance-filters,.settings-view .performance-metrics {grid-template-columns:minmax(0,1fr)}.settings-view .performance-average {font-size:32px}}