/* BRUK primitives stay constant. Components consume the semantic theme below. */
:root {
  --brand-obsidian: #05080c;
  --brand-midnight: #0b1119;
  --brand-gunmetal: #18222e;
  --brand-steel: #354454;
  --brand-silver: #8d9aa7;
  --brand-ice: #e6edf2;
  --brand-gold-core: #ded4bf;
  --brand-gold-halo: #b9a98b;
  --brand-gold-connection: #8d806b;
  --brand-rose-core: #d8c7c1;
  --brand-rose-halo: #af9188;
  --brand-rose-connection: #806a65;
  --bg: var(--brand-obsidian);
  --surface: var(--brand-midnight);
  --surface-rgb: 11, 17, 25;
  --surface-raised: #111923;
  --text: var(--brand-ice);
  --muted: #a4b0bc;
  --accent: var(--brand-gold-core);
  --rose: var(--brand-rose-core);
  --line: color-mix(in srgb, var(--accent) 24%, transparent);
  --line-strong: color-mix(in srgb, var(--accent) 65%, transparent);
  --action-bg: var(--brand-gold-core);
  --action-text: var(--brand-obsidian);
  --positive: #a8c8b7;
  --warning: #ddc497;
  --negative: #e0aaa8;
  --shadow-ink: #000000;
  --font-ui: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --font-code: "SFMono-Regular", Consolas, monospace;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --motion-fast: 180ms;
  --motion-normal: 240ms;
  --work-bg: var(--brand-midnight);
  --work-surface: #111923;
  --work-elevated: var(--brand-gunmetal);
  --border-subtle: color-mix(in srgb, var(--accent) 12%, transparent);
  --border-emphasis: var(--metal-gold);
  --border-context: var(--metal-rose);
  --context-accent: var(--rose);
  --context-tint: color-mix(in srgb, var(--context-accent) 6%, transparent);
  --preview-frame: var(--work-elevated);
  --border-overlay: color-mix(in srgb, var(--border-control) 52%, transparent);
  --sidecar-shadow: 0 8px 16px color-mix(in srgb, var(--shadow-ink) 16%, transparent);
  --border-control: #657383;
  --metal-gold: #c9ab78;
  --metal-rose: #c58f86;
  --metal-gold-reflection: #f1e5ce;
  --metal-rose-reflection: #eedad4;
  --metal-gold-shadow: 0 0 14px color-mix(in srgb, var(--metal-gold) 10%, transparent);
  --metal-rose-shadow: 0 0 14px color-mix(in srgb, var(--metal-rose) 10%, transparent);
  --candidate-action: #dcc69d;
  --candidate-action-text: var(--brand-midnight);
  --focus: var(--accent);
  --selection: var(--accent);
  --font-reading: 16px;
  --font-control: 14px;
  --font-meta: 12px;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f5f3ef;
  --surface: #fffdf9;
  --surface-rgb: 255, 253, 249;
  --surface-raised: #ebe7e0;
  --text: #18222e;
  --muted: #52606d;
  --accent: #705a34;
  --rose: #845b51;
  --line: color-mix(in srgb, var(--accent) 32%, transparent);
  --line-strong: color-mix(in srgb, var(--accent) 72%, transparent);
  --action-bg: #705a34;
  --action-text: #fffdf9;
  --positive: #35654f;
  --warning: #775619;
  --negative: #963f43;
  --shadow-ink: #354454;
  --work-bg: var(--bg);
  --work-surface: var(--surface);
  --work-elevated: var(--surface-raised);
  --border-subtle: color-mix(in srgb, var(--accent) 18%, transparent);
  --border-control: var(--brand-gold-connection);
  --metal-gold: #957443;
  --metal-rose: #a26b62;
  --metal-gold-shadow: 0 2px 3px color-mix(in srgb, var(--metal-gold) 10%, transparent);
  --metal-rose-shadow: 0 2px 3px color-mix(in srgb, var(--metal-rose) 10%, transparent);
  --candidate-action: #806039;
  --candidate-action-text: var(--surface);
  color-scheme: light;
}
html { font-family: var(--font-ui); background: var(--bg); color: var(--text); }
body { background: transparent; }
select, input, textarea, button { font-family: inherit; }
button:hover { color: var(--text); }
::selection { background: color-mix(in srgb, var(--accent) 30%, transparent); color: var(--text); }
:where(button, a, input, textarea, select, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
:where(button, a, input, textarea, select) { transition: background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast); }
:where(input, textarea)::placeholder { color: var(--muted); opacity: .85; }
:where(select, input) { color-scheme: inherit; accent-color: var(--accent); }
:where(.panel, .sidebar, .tk-card, .tk-stat, .tk-kanban-column, .ch-crm, .ch-ai-panel) {
  background: rgba(var(--surface-rgb), var(--surface-alpha));
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(.5px);
}
/* Equal glass recipe across modules; no opaque blue layer over the field. */
.panel, .sidebar, .tk-card, .tk-stat, .ch-crm, .ch-ai-panel {
  background: rgba(var(--surface-rgb), var(--surface-alpha));
  border-color: var(--line);
  border-bottom-color: color-mix(in srgb, var(--rose) 25%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 5%, transparent), 0 8px 24px color-mix(in srgb, var(--shadow-ink) 9%, transparent);
}
:where(.panel, .tk-card, .tk-stat):hover,
:where(.panel, .tk-card, .tk-stat):focus-within {
  border-color: var(--line-strong);
  box-shadow: 0 0 20px color-mix(in srgb, var(--rose) 8%, transparent);
}
.atmosphere, .atmosphere[data-background="constellation"], .atmosphere[data-background="orbit"] {
  background: radial-gradient(ellipse at 85% 20%, color-mix(in srgb, var(--rose) 4%, transparent), transparent 55%), var(--bg);
}
.atmosphere[data-background="solid"] { background: var(--bg); }
#knowledge-field { opacity: .82; }
[data-theme="light"] #knowledge-field { opacity: .6; }
[data-theme="light"] .panel, [data-theme="light"] .sidebar, [data-theme="light"] .tk-card, [data-theme="light"] .tk-stat {
  background: rgba(var(--surface-rgb), var(--surface-alpha));
}
:where(.popover, .sidebar-menu, dialog, .ch-ai-stage.floating .ch-ai-panel) {
  background: var(--surface);
  color: var(--text);
}
:where(.nav-item[aria-current="page"], .tk-navigation a[aria-current="page"], .layout-options button[aria-pressed="true"]) {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  border-color: var(--line-strong);
}
.tk-navigation a[aria-current="page"] { color: var(--accent); border-color: var(--line-strong); }
.tk-card, .tk-stat { --tk-border: var(--line); }
:where(.tk-card, .tk-stat):nth-child(even) { border-top-color: color-mix(in srgb, var(--rose) 35%, transparent); }
:where(.tk-button.primary, .primary-button, .capture-submit, button[type="submit"].primary):hover { color: var(--action-text); }
.theme-toggle { width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: var(--accent); }
.theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.theme-choices { display: flex; gap: 8px; }
.theme-choices button { padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.theme-choices button[aria-pressed="true"] { color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); border-color: var(--accent); }
/* Compact workspace contract: intrinsic toolbars, no reserved empty hero rows. */
.topbar { margin-bottom: 8px; gap: 12px; height: auto; min-height: 48px; }
.tk-navigation { margin-bottom: 8px; gap: 8px; }
.tk-navigation nav { gap: 4px; }
.tk-navigation a { padding: 8px; font-size: 12px; }
.tk-demo-label { display: none; }
.tk-toolbar { margin-bottom: 8px; gap: 8px; min-height: 36px; }
.ch-toolbar { margin: 0 0 8px; gap: 8px; }
.ch-toolbar h2 { font-size: 14px; margin: 0; }
.ch-toolbar .ch-eyebrow { display: none; }
.ch-status:empty { display: none; }
.panel-header { padding: 14px 16px; min-height: 48px; }
:where(.tk-workspace, .ch-root) { font-size: 13px; }
:where(.tk-card p, .tk-toolbar p, .tk-button, .tk-navigation a) { line-height: 1.5; }
.tk-stat > span, .tk-stat > small, .tk-demo-label, .ch-eyebrow { font-size: 12px; }
:where(.tk-error, .field-error, [data-status="error"]) { color: var(--negative); }
@media (max-width: 760px) {
  .theme-toggle { width: 40px; height: 40px; flex-basis: 40px; }
  .topbar { gap: 6px; }
  .tk-navigation nav { flex-wrap: nowrap; overflow-x: auto; width: 100%; padding-bottom: 4px; }
  .tk-navigation a { min-height: 44px; flex-shrink: 0; }
  .tk-navigation { min-width: 0; }
  .tk-toolbar, .ch-toolbar { align-items: flex-start; }
  .tk-toolbar > *, .ch-toolbar > * { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }
/* Theme parity includes native controls, nested cards and transient overlays. */
.tk-button.primary, .ch-button.primary, .primary { background: var(--action-bg); color: var(--action-text); border-color: var(--action-bg); }
.tk-button.primary:hover, .ch-button.primary:hover, .primary:hover { background: var(--action-bg); color: var(--action-text); filter: brightness(.94); }
button:disabled { cursor: not-allowed; }
select { background-color: var(--surface); color: var(--text); }
h1, h2, h3 { text-wrap: balance; }
button, a, summary { touch-action: manipulation; }
dialog, .popover, .sidebar-menu { overscroll-behavior: contain; }
[data-theme="light"] #knowledge-field { filter: brightness(.53) saturate(.8); }
.tk-deal { background: rgba(var(--surface-rgb), .7); }
@media (max-width: 760px) {
  .header-button, .theme-toggle { width:44px; height:44px; flex-basis:44px; }
  .tk-button, .ch-button, .tk-segmented button, .theme-choices button { min-height:44px; }
}
:is(button, a, input, textarea, select, summary):focus-visible,
.ch-composer textarea:focus-visible, .search-field input:focus-visible {
  outline: 2px solid var(--accent); outline-offset: 3px;
}
:where(.tk-workspace input, .tk-workspace textarea, .ch-composer textarea) { line-height: 1.6; }
[data-theme="light"] #knowledge-field { opacity: .36; }
.tk-card, .tk-stat, .tk-kanban-column, .panel, .sidebar, .ch-crm, .ch-ai-panel { border-radius:var(--radius-lg); }
.tk-button, .tk-workspace input, .tk-workspace select, .tk-workspace textarea { border-radius:var(--radius-sm); }
.tk-deal, .tk-person-card, .ch-contact { border-radius:var(--radius-md); }
@media (max-width: 760px) {
  body.toolkit-mode .topbar { height:auto; min-height:44px; grid-template-rows:auto; margin-bottom:8px; }
  .tk-navigation nav { display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; padding:3px 0 6px; }
  .tk-navigation a { flex-direction:row; padding:8px; min-height:44px; font-size:12px; }
  body.chat-mode .shell { height:100dvh; min-height:0; }
  body.chat-mode main { min-height:0; overflow:hidden; }
  body.chat-mode .panel-grid { flex:1 !important; min-height:0; overflow:hidden; }
  body.chat-mode .tk-workspace { height:100%; display:flex; flex-direction:column; min-height:0; }
  body.chat-mode .tk-navigation { flex-shrink:0; }
  body.chat-mode #tk-content, body.chat-mode #chat-component { flex:1; min-height:0; display:flex; flex-direction:column; }
  body.chat-mode .ch-root { flex:1; min-height:0; display:flex; flex-direction:column; }
  body.chat-mode .ch-toolbar { flex-shrink:0; }
  body.chat-mode .ch-crm, body.chat-mode .ch-ai-stage { height:auto; min-height:0; max-height:none; flex:1; }
  body.chat-mode .ch-ai-stage { overflow:hidden; }
  body.chat-mode .sidebar { min-height:0; overflow-y:auto; overflow-x:clip; }
  .ch-compose-footer > span small { display:none; }
}

/* One header row at every width. Overflow navigation opens over the content. */
body .topbar, body.toolkit-mode .topbar { display:flex; align-items:center; flex-wrap:nowrap; height:48px; min-height:48px; gap:8px; margin-bottom:8px; }
.topbar .breadcrumb { min-width:0; width:104px; flex:0 0 104px; }
.topbar .breadcrumb h1 { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.page-navigation { display:flex; align-items:center; gap:4px; flex:1; min-width:0; }
.page-navigation a, .topbar summary { color:var(--muted); font-size:12px; padding:10px; border-radius:8px; text-decoration:none; cursor:pointer; white-space:nowrap; }
.page-navigation a:hover, .topbar summary:hover, .page-navigation a[aria-current=page] { background:color-mix(in srgb,var(--accent) 10%,transparent); color:var(--accent); }
.topbar details { position:relative; flex-shrink:0; }
.topbar summary { list-style:none; display:flex; align-items:center; gap:8px; min-height:44px; border:1px solid var(--line); }
.topbar summary::-webkit-details-marker { display:none; }
.page-menu-items, .layout-menu .layout-control { position:absolute; top:calc(100% + 8px); right:0; z-index:50; width:220px; max-height:70vh; overflow:auto; padding:8px; border:1px solid var(--line-strong); background:var(--surface); border-radius:12px; box-shadow:0 12px 32px color-mix(in srgb,var(--shadow-ink) 30%,transparent); }
.page-menu-items { display:flex; flex-direction:column; }
.page-menu-items a { min-height:40px; }
.layout-menu .layout-options { display:flex; flex-direction:column; width:100%; }
.layout-menu .layout-options button { width:100%; flex-direction:row; min-height:44px; }
body.toolkit-mode .layout-menu { display:none; }
.tk-form-error { color:var(--negative); }
.ch-history-select { font-size:12px!important; }
.ch-context-document { padding:24px; }

@media(max-width:760px) {
 body .topbar, body.toolkit-mode .topbar { gap:4px; height:44px; min-height:44px; }
 .topbar .breadcrumb { width:88px; flex-basis:88px; }
 .topbar .breadcrumb h1 { font-size:12px; }
 .header-actions .header-button, .header-actions .header-disclosure, .header-actions .user-menu { display:none; }
 .header-actions { gap:0; }
 .topbar summary { padding:8px; gap:4px; }
 .layout-menu { display:none; }
 .page-menu-items { position:fixed; top:68px; right:16px; width:min(260px,calc(100vw - 32px)); }
}

.mobile-layout-choice { display:none; }
@media(max-width:760px) { body:not(.toolkit-mode) .mobile-layout-choice { display:block; text-align:left; min-height:44px; padding:10px; color:var(--muted); } }
[data-theme="light"] :is(.ch-crm,.ch-ai-panel,.ch-context-document,.ds-demo-card) { background:rgba(var(--surface-rgb),var(--surface-alpha)); }

.header-divider { width:1px; height:24px; flex:0 0 1px; background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 32%,transparent),transparent); }
.page-inline-items { display:flex; align-items:center; gap:2px; flex:0 0 auto; }
.page-navigation a { padding:10px 8px; }
.page-navigation [hidden] { display:none!important; }
.page-menu-items { left:0; right:auto; }
.header-actions { margin-left:auto; flex:0 0 auto; }
.user-summary time { display:block; margin-top:8px; font-size:12px; color:var(--muted); }
@media(max-width:760px) {
 .page-navigation { gap:0; }
 .page-inline-items { gap:0; }
 .page-menu-items { left:auto; right:16px; }
 .page-navigation a { padding:10px 6px; }
}

/* 1.6: roles are shared; opting in protects work, without changing the atmosphere slider. */
:root, [data-treatment="baseline"] {
  --work-panel: rgba(var(--surface-rgb), var(--surface-alpha));
  --control-edge: var(--line);
  --control-fill: color-mix(in srgb, var(--surface) 48%, transparent);
  --reading-size: 14px;
  --control-size: 12px;
  --primary-edge: var(--action-bg);
  --primary-shadow: none;
}
[data-treatment="refined"] {
  --work-panel: var(--work-surface);
  --control-edge: var(--border-control);
  --control-fill: var(--work-surface);
  --reading-size: var(--font-reading);
  --control-size: var(--font-control);
  --primary-edge: var(--metal-gold);
  --primary-shadow: inset 0 1px color-mix(in srgb,var(--metal-gold-reflection) 24%,transparent), var(--metal-gold-shadow);
}
:root[data-treatment="refined"] .atmosphere { background:var(--work-bg); }
:root[data-treatment="refined"] .atmosphere[data-background="solid"] { background:var(--work-bg); }
:root[data-treatment="refined"] :is(.panel,.tk-card,.tk-stat,.tk-kanban-column,.ch-crm,.ch-ai-panel,.ch-context-document) {
  background:var(--work-panel); border-color:var(--border-subtle); box-shadow:none;
}
/* A passive card is not a glowing control; no alternating special borders. */
:root[data-treatment="refined"] :is(.panel,.tk-card,.tk-stat):is(:hover,:focus-within,:nth-child(even)) { border-color:var(--border-subtle); box-shadow:none; }
:root[data-treatment="refined"] :is(.tk-deal,.ch-message,.ch-composer) { background:var(--work-elevated); }
:root[data-treatment="refined"] :is(.tk-workspace,.tk-dialog,.panel,.ch-root) :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),textarea,select),
.ds-sample :is(input,select,textarea) { border:1px solid var(--control-edge); background:var(--control-fill); font-size:var(--control-size); color:var(--text); }
:root[data-treatment="refined"] :is(.tk-button,.ch-button,.ch-search,.search-field,.switch,.field-options button,.theme-choices button) { border-color:var(--control-edge); }
:root[data-treatment="refined"] :is(.tk-button,.ch-button,.tk-field input,.tk-field select) { font-size:var(--control-size); }
:root[data-treatment="refined"] :is(.ch-message-content,.ch-message p,.ch-assistant-text,.ch-composer textarea,.tk-field textarea,.reading-copy,#draft) { font-size:var(--reading-size); line-height:1.6; }
:root[data-treatment="refined"] :is(input,textarea)::placeholder { opacity:1; color:var(--muted); }
:root[data-treatment="refined"] :is(.tk-button.primary,.ch-button.primary,.solid-button,.primary) { border:1px solid var(--primary-edge); box-shadow:var(--primary-shadow); }
:root[data-treatment="refined"] :is(.tk-button.primary,.ch-button.primary,.solid-button,.primary):hover:not(:disabled) { filter:none; box-shadow:inset 0 1px var(--metal-gold-reflection),var(--metal-gold-shadow); }
:root[data-treatment="refined"] :is(.ch-contact.selected,.tk-segmented button[aria-pressed="true"],.theme-choices button[aria-pressed="true"]) { border:1px solid var(--metal-gold); }
:root[data-treatment="refined"] :is(button,input,select,textarea,a,summary):focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
/* Explicit finishes: never distributed via DOM order. */
.metal-gold { --finish:var(--metal-gold); --reflection:var(--metal-gold-reflection); --finish-shadow:var(--metal-gold-shadow); }
.metal-rose { --finish:var(--metal-rose); --reflection:var(--metal-rose-reflection); --finish-shadow:var(--metal-rose-shadow); }
.ds-page .metal-gold,.ds-page .metal-rose,.tk-workspace .ds-sample .metal-gold,.tk-workspace .ds-sample .metal-rose {
  border:1px solid var(--finish); box-shadow:inset 0 1px color-mix(in srgb,var(--reflection) 24%,transparent),var(--finish-shadow);
}
.ds-sample .brand-fill-gold { background:var(--brand-gold-core); color:var(--brand-midnight); }
.ds-sample .brand-fill-rose { background:var(--brand-rose-core); color:var(--brand-midnight); }
.ds-sample .action-candidate { background:var(--candidate-action); color:var(--candidate-action-text); border-color:var(--candidate-action); }
.ds-sample .action-candidate:hover:not(:disabled) { background:var(--candidate-action); color:var(--candidate-action-text); filter:none; }
.ds-sample :is(.metal-gold,.metal-rose):is(:hover,.is-hover):not(:disabled) { box-shadow:inset 0 1px var(--reflection),var(--finish-shadow); }
.ds-sample [aria-pressed="true"] { outline:1px solid var(--selection); outline-offset:-4px; }
.ds-sample .ds-focus { outline:2px solid var(--focus); outline-offset:3px; }
:root[data-treatment="refined"] button:disabled,.ds-sample button:disabled { box-shadow:none; filter:none; opacity:.45; }
[data-treatment="refined"] :is(.panel-body,.tk-card-body) { scroll-padding:6px; }
.setting .theme-choices { flex-wrap:wrap; }

:root[data-treatment="refined"] .ch-contact:nth-child(even) .ch-avatar { border-color:var(--line); }
:root[data-treatment="refined"] .ch-composer textarea { border:0; background:transparent; }
:root[data-treatment="refined"] .ch-composer { border:1px solid var(--border-control); }
.ds-sample .ds-demo-card[data-treatment="baseline"] .tk-button.primary { box-shadow:none; border-color:var(--action-bg); }
.ds-sample .ds-demo-card[data-treatment="baseline"] input { border-color:var(--line); background:var(--control-fill); }

:root .ds-sample .tk-button.metal-gold,:root .ds-sample .tk-button.metal-rose { border-color:var(--finish); }
:root .ds-sample .tk-button.action-candidate { border-color:var(--candidate-action); }
:root .ds-sample .tk-button:disabled { box-shadow:none; }
:root[data-treatment="refined"] :is(.tk-search,.search-field,.ch-search) { background:var(--work-surface); border:1px solid var(--border-control); }
:root[data-treatment="refined"] .ch-ai-message p { font-size:var(--font-reading); line-height:1.6; }
:root[data-treatment="refined"] .ds-section { background:var(--work-surface); padding:16px; margin-bottom:12px; border-radius:var(--radius-md); }
:root[data-treatment="refined"] .ds-section:has(.ds-comparisons) { background:transparent; }
:root[data-treatment="refined"] .ds-section:has(.ds-comparisons) > header { background:var(--work-surface); border-radius:var(--radius-sm); padding:12px; }

/* Review 1.6.1: one surface recipe, including navigation and conversation history.
   Nested elevations and opaque overlays retain their functional roles. */
:root :is(.sidebar,.panel,.tk-card,.tk-stat,.tk-kanban-column,.ch-crm,.ch-ai-panel,.ch-ai-threads,.ch-context-document) {
  background:var(--work-panel);
}
:root[data-treatment="baseline"] .tk-deal { background:var(--work-panel); }
:root[data-treatment="refined"] :is(.sidebar,.ch-ai-threads) {
  border-color:var(--border-subtle); box-shadow:none;
}
:root {
  --motion-transfer-duration:720ms;
  --motion-transfer-easing:cubic-bezier(.22,.61,.36,1);
}

/* 1.6.2 final polish: structure < control < explicit emphasis. */
:root[data-treatment="refined"] :is(.tk-deal,.ch-root,.tk-workspace) { --tk-border:var(--border-subtle); --ch-line:var(--border-subtle); }
:root[data-treatment="refined"] .tk-deal { border-color:var(--border-subtle); }
:root[data-treatment="refined"] :is(.panel,.tk-card,.tk-stat,.tk-deal):is(:hover,:focus-within) {
  border-color:var(--border-emphasis); box-shadow:var(--metal-gold-shadow);
}
/* Context/provenance is explicit, never assigned by row order or error state. */
:root[data-treatment="refined"] .origin-label[data-origin="b"] {
  color:var(--context-accent); background:var(--context-tint);
  border-bottom:1px solid var(--border-context);
}
:root[data-treatment="refined"] .origin-label[data-origin="b"]::before { background:var(--context-accent); box-shadow:none; }
:root[data-treatment="refined"] .tk-source-bars [data-origin="b"] > span { color:var(--context-accent); }
:root[data-treatment="refined"] .tk-source-bars [data-origin="b"] i { background:var(--metal-rose); }
:root[data-treatment="refined"] :is(.tk-channel-picker,.tk-asset-picker) span,
:root[data-treatment="refined"] .tk-segmented { border-color:var(--border-control); }
:root[data-treatment="refined"] .tk-asset-picker input:checked + span { border-color:var(--border-emphasis); }
:root[data-treatment="refined"] .tk-channel-picker input:checked + span {
  color:var(--context-accent); background:var(--context-tint); border-color:var(--border-context);
}
:root[data-treatment="refined"] .ch-contact .ch-avatar { color:var(--ch-warm); background:color-mix(in srgb,var(--accent) 5%,transparent); }
:root[data-treatment="refined"] .ch-contact[data-origin="b"] .ch-avatar {
  color:var(--context-accent); background:var(--context-tint); border-color:var(--border-context);
}
:root[data-treatment="refined"] .tk-social-preview { background:var(--preview-frame); border-color:var(--border-subtle); }
:root[data-treatment="refined"] #preview-asset { border-block:1px solid var(--border-subtle); }
:root[data-treatment="refined"] .tk-social-actions { background:var(--work-panel); border-color:var(--border-subtle); }
:root[data-treatment="refined"] .ch-floating-window { filter:drop-shadow(var(--sidecar-shadow)); }
:root[data-treatment="refined"] .ch-floating-window .ch-ai-panel { border-color:var(--border-overlay); }
:root[data-treatment="refined"] .ch-floating-window .ch-ai-head { background:transparent; border-color:var(--border-subtle); }