/* Camirix UI overrides for the packaged Paperclip frontend. */
:root {
  --camirix-user-message-bg: #f3f6fa;
  --camirix-user-message-border: #dce4ee;
  --camirix-user-message-text: #243244;
  --camirix-user-message-link: #315d8a;
  --camirix-user-message-code-bg: #e8edf4;
}

.dark {
  --camirix-user-message-bg: #273447;
  --camirix-user-message-border: #3a4a60;
  --camirix-user-message-text: #e8edf5;
  --camirix-user-message-link: #a9c9ed;
  --camirix-user-message-code-bg: #1f2a3a;
}

/* Only restyle comments authored by the signed-in user. Keep the global
   --liveness-blue token unchanged because Paperclip also uses it for live
   status indicators and other controls. */
[data-testid="issue-chat-message-row"][data-message-role="user"]
  [class~="bg-(--liveness-blue)"] {
  background-color: var(--camirix-user-message-bg) !important;
  border: 1px solid var(--camirix-user-message-border);
  box-shadow: none;
  color: var(--camirix-user-message-text) !important;
}

[data-testid="issue-chat-message-row"][data-message-role="user"]
  [class~="bg-(--liveness-blue)"]
  .paperclip-markdown-on-accent,
[data-testid="issue-chat-message-row"][data-message-role="user"]
  [class~="bg-(--liveness-blue)"]
  .paperclip-markdown-on-accent
  :where(p, li, strong, em, code, blockquote, h1, h2, h3, h4, h5, h6) {
  color: var(--camirix-user-message-text) !important;
}

[data-testid="issue-chat-message-row"][data-message-role="user"]
  [class~="bg-(--liveness-blue)"]
  .paperclip-markdown-on-accent
  a {
  color: var(--camirix-user-message-link) !important;
  text-decoration-color: color-mix(in srgb, var(--camirix-user-message-link) 55%, transparent);
}

[data-testid="issue-chat-message-row"][data-message-role="user"]
  [class~="bg-(--liveness-blue)"]
  .paperclip-markdown-on-accent
  code {
  background-color: var(--camirix-user-message-code-bg) !important;
}

[data-testid="issue-chat-message-row"][data-message-role="user"]
  [class~="bg-(--liveness-blue)"]
  .paperclip-markdown-on-accent
  :where(hr, blockquote) {
  border-color: var(--camirix-user-message-border) !important;
}