.collaboration-chat-form button { display:inline-flex; flex:0 0 auto; align-items:center; gap:5px; width:auto; min-height:38px; padding:0 10px; }

  /* Chat's authored light palette otherwise wins over the dark panel surface,
     leaving the heading and empty state with poor contrast. Keep every chat
     surface on the panel's semantic dark tokens. */
  html[data-app-appearance="dark"] .collaboration-chat-panel {
    color: var(--text-primary, #eff0eb);
    background: var(--bg-panel, #222524);
    border-color: var(--border-color, #404341);
  }

  html[data-app-appearance="dark"] .collaboration-chat-header {
    color: var(--text-primary, #eff0eb);
    background: var(--surface-secondary, #1d2020);
    border-color: var(--border-color, #404341);
  }

  html[data-app-appearance="dark"] .collaboration-chat-header strong,
  html[data-app-appearance="dark"] .collaboration-chat-message header strong,
  html[data-app-appearance="dark"] .collaboration-chat-message p {
    color: var(--text-primary, #eff0eb);
  }

  html[data-app-appearance="dark"] .collaboration-chat-header span,
  html[data-app-appearance="dark"] .collaboration-chat-empty,
  html[data-app-appearance="dark"] .collaboration-chat-state,
  html[data-app-appearance="dark"] .collaboration-chat-message time {
    color: var(--text-secondary, #c9cbc6);
  }

  html[data-app-appearance="dark"] .collaboration-chat-panel .collaboration-chat-error {
    color: #ffc0c7;
  }

  html[data-app-appearance="dark"] .collaboration-chat-message {
    border-color: var(--border-color-light, #353836);
  }

  html[data-app-appearance="dark"] .collaboration-chat-status {
    color: #ffdfa0;
  }

  html[data-app-appearance="dark"] .collaboration-chat-form {
    background: var(--surface-secondary, #1d2020);
    border-color: var(--border-color, #404341);
  }

  html[data-app-appearance="dark"] .collaboration-chat-panel .collaboration-chat-form textarea {
    color: var(--text-primary, #eff0eb);
    background: var(--bg-panel, #222524);
    border-color: var(--color-gray-250, #4a4e4b);
  }

  html[data-app-appearance="dark"] .collaboration-chat-panel .collaboration-chat-form textarea::placeholder {
    color: var(--text-tertiary, #a5a9a4);
    opacity: 1;
  }

  html[data-app-appearance="dark"] .collaboration-chat-panel .collaboration-chat-form textarea:focus-visible {
    border-color: var(--accent-color, #8ab4f8);
    outline: 2px solid rgba(138, 180, 248, .35);
    outline-offset: 1px;
  }

  html[data-app-appearance="dark"] .collaboration-chat-header button {
    color: var(--text-secondary, #c9cbc6);
  }

  html[data-app-appearance="dark"] .collaboration-chat-header button:hover,
  html[data-app-appearance="dark"] .collaboration-chat-header button:focus-visible {
    color: var(--text-primary, #eff0eb);
    background: var(--surface-muted, #292b29);
  }

  html[data-app-appearance="dark"] .collaboration-chat-header button:focus-visible,
  html[data-app-appearance="dark"] .collaboration-chat-retry:focus-visible,
  html[data-app-appearance="dark"] .collaboration-chat-form button:focus-visible {
    outline: 2px solid var(--accent-color, #8ab4f8);
    outline-offset: 2px;
  }

  html[data-app-appearance="dark"] .collaboration-chat-retry {
    color: #ffc0c7;
    background: #482a32;
    border-color: #8a4d53;
  }

  html[data-app-appearance="dark"] .collaboration-chat-retry:hover:not(:disabled),
  html[data-app-appearance="dark"] .collaboration-chat-retry:focus-visible {
    color: #fff0f1;
    background: #59363b;
    border-color: #d27d86;
  }

  html[data-app-appearance="dark"] .collaboration-chat-loading::before {
    border-color: var(--border-color, #404341);
    border-top-color: var(--accent-color, #8ab4f8);
  }

  html[data-app-appearance="dark"] .collaboration-chat-unread {
    box-shadow: 0 0 0 2px var(--surface, #292b29);
  }