/* Hand-tuned dark-theme fixes on top of the generated chat-dark.css. */
/* The workspaces column is dark in both themes. */
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar {
  background: #0f1213;
  border-inline-end: 1px solid #ffffff14;
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar .chat-workspace-tile {
  background: #2a2f31;
  color: #e8ecee;
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.current {
  background: #e6eee3;
  color: #0f1213;
  box-shadow:
    0 0 0 3px #0f1213,
    0 0 0 5px #e6eee3;
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.add {
  background: transparent;
  color: #c9d6c5;
}
/* Message area: a quiet, smooth dark backdrop. */
:root[data-theme='dark']:has(.chat-app) .chat-messages {
  background: linear-gradient(180deg, #141819 0%, #101314 100%);
}
/* Your own messages keep a soft tint of the scheme color on dark. */
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(calc(150deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 17%);
  border-color: hsl(calc(150deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 26%);
}
/* With a color scheme, the add-workspace "+" stays a bare sign on the column,
   not a filled tile the same shade as the sign. */
:root[data-accent]:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.add {
  background: transparent;
}
:root[data-accent]:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.add:hover {
  background: #ffffff1f;
}