/* The phone's reading type and quiet receipts also belong to the desktop. */
:root {
  --chat-reading-font: "DengXian", "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", "Microsoft YaHei UI", sans-serif, var(--font-symbol-fallback);
  --mobile-chat-font: var(--chat-reading-font);
}
.chat-shell.chat-shell :is(.keepsake-caption, .keepsake-theme-dialog, .reading-paper-keepsake, .ceiling-motto, .brand-sub) {
  font-family: var(--chat-reading-font);
}
.chat-shell.chat-shell.chat-shell :is(.ops-status, .conversation-controls, .conversation-items, .sidebar-browse-panel, .sidebar-footer, .message-column, .composer-band, .conversation-search input, .sidebar-tool, .conversation-row, .composer button) {
  font-family: var(--chat-reading-font);
}
.chat-shell.chat-shell.chat-shell :is(.message-copy-content, .composer textarea) {
  font-family: "Acrux Text Symbols", var(--chat-reading-font);
  font-weight: 400;
}
/* Long-form text stays light; tiny controls retain a regular, legible stroke. */
.chat-shell.chat-shell.chat-shell .markdown-content { line-height: 1.65; }
.chat-shell.chat-shell.chat-shell :is(.message-author, .message-version) { font-weight: 500; }
.chat-shell.chat-shell.chat-shell .sidebar-footer .sidebar-tool span { font-weight: 500; }
.chat-shell.chat-shell.chat-shell .sidebar-footer .sidebar-tool[aria-current='page'] span { font-weight: 500; }
.chat-shell.chat-shell.chat-shell .conversation-row-head span { font-weight: 500; }

/* Small controls tint the paper beneath them, with the current theme's ink. */
.chat-shell.chat-shell :is(.message-version-switcher, .message-state) {
  background: color-mix(in srgb, currentColor 5%, transparent);
}
.chat-shell.chat-shell :is(.message-version-switcher, .message-state.complete, .message-state.streaming, .message-state.queued) {
  color: var(--palette-primary-deep, var(--theme-primary-deep));
  border-color: color-mix(in srgb, currentColor 25%, transparent);
}
.chat-shell.chat-shell .message-label-row {
  flex-wrap: wrap;
}
.chat-shell.chat-shell :is(.message-time, .message-version-switcher, .message-state) {
  white-space: nowrap;
}

/* Star-cross chat receipts share the phone's light surface and type hierarchy. */
.chat-shell.chat-shell .message-column .star-cross-archive-receipt {
  margin: 8px 0 0;
  padding: 9px 10px;
  color: var(--reference-muted);
  background: color-mix(in srgb, var(--reference-muted) 4%, transparent);
  border: 1px solid color-mix(in srgb, var(--reference-muted) 15%, transparent);
  border-radius: 8px;
  box-shadow: none;
  font-size: 12px;
  line-height: 1.7;
}
.chat-shell.chat-shell .star-cross-archive-receipt-head {
  color: var(--reference-muted);
  font-size: 12px;
  font-weight: 500;
}
.chat-shell.chat-shell .message-column .star-cross-archive-receipt[data-state='quiet'] {
  background: transparent;
  border-color: color-mix(in srgb, var(--reference-muted) 15%, transparent);
}
.chat-shell.chat-shell .message-column .star-cross-archive-receipt[data-state='warning'] {
  border-color: color-mix(in srgb, var(--theme-warn) 28%, transparent);
  color: var(--theme-warn);
}
.chat-shell.chat-shell .message-column .star-cross-archive-receipt[data-state='error'] {
  border-color: color-mix(in srgb, var(--theme-danger) 28%, transparent);
  color: var(--theme-danger);
}