/* Scoped corrections for the public demo after the shared theme stylesheet. */
html[data-theme="dark"] body[data-avds-surface="public-chat"] {
  --surface-canvas: #17191d;
  --surface-base: #22252b;
  --surface-muted: #1c1f24;
  --surface-hover: #2c3037;
  --surface-elevated: #252930;
  --surface-bot-message: #22252b;
  --surface-user-message: #e8e9ec;
  --color-text-primary: #f3f3f4;
  --color-text-secondary: #c9cbd0;
  --color-text-muted: #a9adb6;
  --color-border-default: #41454e;
  --color-border-subtle: #333740;
  --color-accent-secondary: #b6aa8b;
  --color-accent-secondary-soft: #343128;
  --avds-rail: linear-gradient(90deg, #d7b75b, #787f8c);
  background: var(--surface-canvas);
}

html[data-theme="dark"] body[data-avds-surface="public-chat"] .header-chat,
html[data-theme="dark"] body[data-avds-surface="public-chat"] #inputArea {
  background: rgba(23, 25, 29, 0.96);
}

html[data-theme="dark"] body[data-avds-surface="public-chat"] main {
  background: radial-gradient(circle at 50% 0%, rgba(215, 183, 91, 0.035), transparent 32rem), var(--surface-canvas);
}

html[data-theme="dark"] body[data-avds-surface="public-chat"] .welcome-intro,
html[data-theme="dark"] body[data-avds-surface="public-chat"] .welcome-panel {
  background: var(--surface-base);
  border-color: var(--color-border-default);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] body[data-avds-surface="public-chat"] .welcome-logo {
  filter: brightness(1.8);
}

html[data-theme="dark"] body[data-avds-surface="public-chat"] .input-wrap,
html[data-theme="dark"] body[data-avds-surface="public-chat"] .input-wrap:focus-within {
  background: var(--surface-base);
}

html[data-theme="dark"] body[data-avds-surface="public-chat"] .prompt-btn,
html[data-theme="dark"] body[data-avds-surface="public-chat"] .task-option {
  background: var(--surface-muted);
  color: var(--color-text-primary);
  border-color: var(--color-border-default);
}

body[data-avds-surface="public-chat"] .welcome-panel[hidden] {
  display: none;
}

body[data-avds-surface="public-chat"] .welcome-shell:has(.welcome-panel[hidden]) {
  grid-template-columns: minmax(0, 1fr);
}