/* The chat pane, Arc-style (piece 19, group f-assistant).
 *
 * Arc references: ai-chat, ai-composer, chat-thread, ai-side-panel,
 * generation-stats, code-block, dropdown-menu. Tokens: arc_tokens.css only.
 *
 * - Header: one quiet row of 28px controls (Sessions, tier and model
 *   pickers, layout, icon actions) in secondary ink; a control whose menu
 *   is open holds the selected tint.
 * - Composer: one field (12px corners, strong hairline, surface fill) with
 *   its actions attached on a single row below the text; focus answers with
 *   the accent edge and a soft ring. Send is a primary icon button; while a
 *   turn streams it morphs into Stop (arc_assistant.js adds .arc-send-stop
 *   and .arc-busy; the stop button clicks the pane's own Cancel).
 * - Suggestions: the ticker copilot's asks stay quiet 28px chips on one
 *   line that scroll sideways. A new Cairn chat stacks Deep research,
 *   Earnings call, What changed, Peer check, Key risks, and Ask AceCamp
 *   as left-aligned rounded chips, sitting just above the welcome title.
 *   Ask AceCamp keeps the calm blue fill. The title and the slash-command
 *   line stay down by the composer.
 * - Welcome: the Arc empty state — chip stack, then the title down under.
 * - Thread: the reader's turns in a muted bubble on the right, answers
 *   unboxed, code in a hairline card, the activity row in secondary ink.
 *   Under a finished answer, up to three next questions sit in a quiet
 *   stack. A click sends that question.
 * - The pane's own menus (tier, model, layout, slash, mentions, sessions,
 *   export): the Arc menu surface with 28px rows under one gliding
 *   highlight (arc_assistant.js places .arc-glide).
 *
 * Every rule carries html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2),
 * which scores two ids and so outranks chat.css, desk.css, quiet.css and
 * flat.css; !important only where an older rule used it on that property.
 * Classic design keeps the old pane.
 */

/* ---- Header -------------------------------------------------------------- */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-panel-header {
  gap: 2px;
  min-height: 44px;
  padding-left: var(--arc-space-3);
  padding-right: var(--arc-space-2);
  align-items: center;
  border-bottom: 1px solid var(--arc-border-subtle);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-panel-title {
  min-width: 0;
  gap: 0;
  font-size: var(--arc-text-md);
  font-weight: var(--arc-weight-strong);
  color: var(--arc-foreground);
  letter-spacing: var(--arc-tracking);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-panel-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-panel-actions {
  gap: 2px !important;
  align-items: center;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.chat-panel-btn, .chat-icon-btn, .chat-actions-toggle) {
  align-items: center;
  justify-content: center;
  gap: var(--arc-space-1) !important;
  box-sizing: border-box;
  height: var(--arc-control-sm);
  min-height: var(--arc-control-sm);
  min-width: var(--arc-control-sm);
  margin: 0;
  padding: 0 var(--arc-space-2);
  border: 1px solid transparent;
  border-radius: var(--arc-radius-control) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  font-weight: var(--arc-weight-strong) !important;
  letter-spacing: var(--arc-tracking) !important;
  line-height: 1 !important;
  white-space: nowrap;
  cursor: pointer;
  transition:
    color var(--arc-dur-fast) var(--arc-ease),
    background-color var(--arc-dur-fast) var(--arc-ease),
    transform var(--arc-dur) var(--arc-spring) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.chat-icon-btn, #chat-close, .chat-actions-toggle) {
  width: var(--arc-control-sm);
  padding: 0;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.chat-icon-btn, .chat-actions-toggle) .oc-ico {
  width: 16px;
  height: 16px;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-panel-btn .caret {
  margin-left: 2px;
  font-size: var(--arc-text-2xs);
  color: var(--arc-text-muted);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-model-label {
  max-width: 9em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (hover: hover) and (pointer: fine) {
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.chat-panel-btn, .chat-icon-btn, .chat-actions-toggle):hover {
    background: var(--arc-hover) !important;
    color: var(--arc-foreground);
  }
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.chat-panel-btn, .chat-icon-btn, .chat-actions-toggle):is([aria-expanded="true"], [aria-pressed="true"], .is-active, .active) {
  background: var(--arc-selected) !important;
  color: var(--arc-foreground);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.chat-icon-btn, #chat-close, #chat-sessions, #chat-cancel):active {
  transform: scale(.94);
}
/* Popup anchors answer a press with colour, not scale. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is([aria-haspopup], #chat-export):active {
  transform: none !important;
  background: var(--arc-press) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.chat-panel-btn, .chat-icon-btn, .chat-actions-toggle):focus-visible {
  outline: 2px solid var(--arc-focus);
  outline-offset: 1px;
}

/* ---- Composer ------------------------------------------------------------ */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-input-wrap {
  border: 1px solid var(--arc-border-strong) !important;
  border-radius: var(--arc-radius-card) !important;
  background: var(--arc-surface) !important;
  box-shadow: none !important;
  transition:
    border-color var(--arc-dur-fast) var(--arc-ease),
    box-shadow var(--arc-dur) var(--arc-ease) !important;
}
@media (hover: hover) and (pointer: fine) {
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-input-wrap:hover:not(:focus-within) {
    border-color: color-mix(in srgb, var(--arc-foreground) 30%, transparent) !important;
    box-shadow: none !important;
  }
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-input-wrap:focus-within {
  border-color: var(--arc-accent) !important;
  box-shadow: none !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-input {
  padding: var(--arc-space-3) var(--arc-space-3) var(--arc-space-1) !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  color: var(--arc-foreground);
  font-size: var(--arc-text-md);
  line-height: 1.5 !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-input::placeholder {
  color: var(--arc-text-muted);
  opacity: 1;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-composer-bar {
  flex-wrap: nowrap;
  gap: var(--arc-space-2);
  min-height: calc(var(--arc-control-sm) + var(--arc-space-2) * 2);
  padding: var(--arc-space-1) var(--arc-space-2) var(--arc-space-2);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-composer-bar .chat-action-buttons {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer button.chat-action-btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--arc-control-sm);
  height: var(--arc-control-sm);
  min-width: var(--arc-control-sm);
  min-height: var(--arc-control-sm);
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: var(--arc-radius-control) !important;
  background: transparent;
  box-shadow: none;
  color: var(--arc-text-secondary);
  transition:
    color var(--arc-dur-fast) var(--arc-ease),
    background-color var(--arc-dur-fast) var(--arc-ease),
    transform var(--arc-dur) var(--arc-spring);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer button.chat-action-btn svg {
  width: 16px;
  height: 16px;
}
@media (hover: hover) and (pointer: fine) {
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer button.chat-action-btn:hover {
    background: var(--arc-hover);
    color: var(--arc-foreground);
  }
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer button.chat-action-btn:active {
  transform: scale(.94);
  background: var(--arc-press);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer button.chat-action-btn:is([aria-pressed="true"], .is-recording, .is-on) {
  background: var(--arc-selected);
  color: var(--arc-foreground);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer button.chat-action-btn.is-recording {
  color: var(--arc-danger);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(button.chat-action-btn, #chat-send, .arc-send-stop):focus-visible {
  outline: 2px solid var(--arc-focus);
  outline-offset: 1px;
}

/* Send: a primary icon button; Stop takes its place while a turn streams. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-composer-end {
  position: relative;
  gap: var(--arc-space-2);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-send {
  width: var(--arc-control-sm) !important;
  height: var(--arc-control-sm) !important;
  min-width: var(--arc-control-sm) !important;
  min-height: var(--arc-control-sm) !important;
  max-width: var(--arc-control-sm) !important;
  max-height: var(--arc-control-sm) !important;
  border: 1px solid var(--arc-accent) !important;
  border-radius: var(--arc-radius-control) !important;
  background: var(--arc-accent) !important;
  color: var(--arc-accent-foreground) !important;
  box-shadow: none !important;
  opacity: 1;
  transform: none;
  transition:
    background-color var(--arc-dur-fast) var(--arc-ease),
    border-color var(--arc-dur-fast) var(--arc-ease),
    color var(--arc-dur-fast) var(--arc-ease),
    opacity var(--arc-dur-fast) var(--arc-ease),
    transform var(--arc-dur) var(--arc-spring) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-send:hover:not(:disabled) {
  background: var(--arc-accent-strong) !important;
  border-color: var(--arc-accent-strong) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-send:active:not(:disabled) {
  transform: scale(.94);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-send:disabled:not(.is-busy) {
  background: var(--arc-surface-muted) !important;
  border-color: var(--arc-border) !important;
  color: var(--arc-text-muted) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer #chat-send .send-ico svg {
  width: 14px;
  height: 14px;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .arc-send-stop {
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--arc-control-sm);
  height: var(--arc-control-sm);
  margin: calc(var(--arc-control-sm) / -2) 0 0 !important;
  padding: 0;
  border: 1px solid var(--arc-border-strong) !important;
  border-radius: var(--arc-radius-control) !important;
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(.6);
  transition:
    opacity var(--arc-dur-exit) var(--arc-ease-exit),
    transform var(--arc-dur-exit) var(--arc-ease-exit),
    background-color var(--arc-dur-fast) var(--arc-ease),
    visibility 0s linear var(--arc-dur-exit);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .arc-send-stop svg {
  width: 10px;
  height: 10px;
  fill: currentColor;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-input-wrap.arc-busy .arc-send-stop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition:
    opacity var(--arc-dur) var(--arc-ease),
    transform var(--arc-dur) var(--arc-spring),
    background-color var(--arc-dur-fast) var(--arc-ease),
    visibility 0s linear 0s;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-input-wrap.arc-busy .arc-send-stop:hover {
  background: var(--arc-press);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-input-wrap.arc-busy .arc-send-stop:active {
  transform: scale(.94);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-input-wrap.arc-busy #chat-send {
  opacity: 0 !important;
  transform: scale(.6) !important;
  pointer-events: none;
}

/* Attached files and picked tasks sit in quiet 24px chips inside the field. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-task-pill {
  min-height: 24px;
  border: 1px solid var(--arc-border-strong);
  border-radius: var(--arc-radius-chip);
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  font-size: var(--arc-text-xs);
}

/* ---- Ticker copilot: quiet chips on one line ------------------------------ */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #th-chat-panel .th-chat-suggestions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: var(--arc-space-2) !important;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--arc-space-1) !important;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, var(--arc-foreground) var(--arc-fade-l, 0px), var(--arc-foreground) calc(100% - var(--arc-fade-r, 0px)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, var(--arc-foreground) var(--arc-fade-l, 0px), var(--arc-foreground) calc(100% - var(--arc-fade-r, 0px)), transparent 100%);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #th-chat-panel .th-chat-suggestions::-webkit-scrollbar {
  display: none;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #th-chat-panel .th-chat-suggestions.arc-fade-l { --arc-fade-l: 20px; }
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #th-chat-panel .th-chat-suggestions.arc-fade-r { --arc-fade-r: 20px; }
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-task, #th-chat-panel .th-chat-suggest) {
  flex: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-sizing: border-box;
  height: var(--arc-control-sm) !important;
  min-height: var(--arc-control-sm) !important;
  margin: 0;
  padding: 0 10px !important;
  border: 1px solid var(--arc-border-strong) !important;
  border-radius: var(--arc-radius-button) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--arc-text-secondary) !important;
  font-size: var(--arc-text-xs) !important;
  font-weight: var(--arc-weight-strong) !important;
  letter-spacing: var(--arc-tracking) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  scroll-snap-align: start;
  cursor: pointer;
  transition:
    color var(--arc-dur-fast) var(--arc-ease),
    background-color var(--arc-dur-fast) var(--arc-ease),
    border-color var(--arc-dur-fast) var(--arc-ease),
    transform var(--arc-dur) var(--arc-spring) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-task, #th-chat-panel .th-chat-suggest) .oc-ico {
  width: 14px !important;
  height: 14px !important;
  color: var(--arc-text-muted) !important;
}
@media (hover: hover) and (pointer: fine) {
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-task, #th-chat-panel .th-chat-suggest):hover {
    background: var(--arc-hover) !important;
    color: var(--arc-foreground) !important;
  }
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-task, #th-chat-panel .th-chat-suggest):hover .oc-ico {
    color: var(--arc-text-secondary) !important;
  }
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-task, #th-chat-panel .th-chat-suggest):active {
  transform: scale(.97) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-task:is(.is-on, [aria-pressed="true"]) {
  border-color: var(--arc-accent) !important;
  background: var(--arc-accent-subtle) !important;
  color: var(--arc-foreground) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-task:is(.is-on, [aria-pressed="true"]) .oc-ico {
  color: var(--arc-accent) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-task, #th-chat-panel .th-chat-suggest):focus-visible {
  outline: 2px solid var(--arc-focus) !important;
  outline-offset: 1px;
}

/* ---- Welcome: the Arc empty state ------------------------------------------ */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome {
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start;
  gap: var(--arc-space-2);
  width: 100%;
  text-align: left;
}
/* Shown only while the chat is empty. It fills the pane above the composer.
   The chip stack's top margin drops that stack onto the title, just above
   the field. Laid out but invisible after the first message, it held a blank
   band above the composer, so the log stopped halfway down the window. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer.is-empty-session > #chat-log {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* A live turn wins over the empty welcome. Closing the pane must not
   leave the request in a zero-height log when the panel opens again. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer.is-working > #chat-log {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer.is-working > #chat-activity-bar.active {
  display: flex !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  opacity: 1 !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer.is-working .chat-empty-welcome {
  display: none !important;
}
/* Closed launcher on the raised surface: an accent dot, not a light speck. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-fab.is-working::after {
  background: var(--arc-accent);
  box-shadow: 0 0 0 2px var(--arc-surface-raised);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer.is-empty-session .chat-empty-welcome {
  display: flex;
  flex: 1 1 auto !important;
  min-height: 0;
  margin: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer.is-empty-session > .chat-input-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer:not(.is-empty-session) .chat-empty-welcome {
  display: none;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-icon {
  display: none !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-title {
  order: 3;
  align-self: flex-start;
  margin: 0;
  color: var(--arc-foreground);
  font-size: var(--arc-text-title) !important;
  font-weight: var(--arc-weight-strong) !important;
  letter-spacing: -0.012em;
  line-height: 1.25;
  text-align: left;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-sub {
  order: 4;
  align-self: flex-start;
  margin: 0;
  color: var(--arc-text-secondary) !important;
  font-size: var(--arc-text-sm) !important;
  line-height: 1.5 !important;
  text-align: left;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-sub code {
  padding: 1px 5px;
  border: 1px solid var(--arc-border) !important;
  border-radius: var(--arc-radius-chip) !important;
  background: var(--arc-surface-muted) !important;
  color: var(--arc-foreground);
  font-size: var(--arc-text-2xs);
}
/* The five tasks and Ask AceCamp are left-aligned rounded chips.
   The top auto margin drops the whole welcome block onto the composer,
   so the chips sit just above the title. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .chat-tasks {
  order: 1;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  align-self: flex-start;
  gap: var(--arc-space-2) !important;
  width: auto;
  max-width: 100%;
  margin: auto 0 0 !important;
  padding: 0;
  overflow: visible !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .chat-task {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: none !important;
  justify-content: flex-start !important;
  box-sizing: border-box;
  width: auto !important;
  height: var(--arc-control-md) !important;
  min-height: var(--arc-control-md) !important;
  padding: 0 var(--arc-space-3) !important;
  border: 1px solid var(--arc-border-strong) !important;
  border-radius: var(--arc-radius-pill) !important;
  background: var(--arc-surface) !important;
  box-shadow: none !important;
  color: var(--arc-foreground) !important;
  font-size: var(--arc-text-sm) !important;
  font-weight: var(--arc-weight-strong) !important;
  letter-spacing: var(--arc-tracking);
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: left;
  cursor: pointer;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .chat-task .oc-ico {
  color: var(--arc-text-muted) !important;
}
@media (hover: hover) and (pointer: fine) {
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .chat-task:hover {
    border-color: var(--arc-border-strong) !important;
    background: var(--arc-surface-muted) !important;
    color: var(--arc-foreground) !important;
  }
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .chat-task:hover .oc-ico {
    color: var(--arc-text-secondary) !important;
  }
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .chat-task:is(.is-on, [aria-pressed="true"]) {
  border-color: var(--arc-accent) !important;
  background: var(--arc-accent-subtle) !important;
  color: var(--arc-foreground) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .chat-task:is(.is-on, [aria-pressed="true"]) .oc-ico {
  color: var(--arc-accent) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-actions {
  order: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  margin: 0 !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  height: var(--arc-control-md) !important;
  min-height: var(--arc-control-md) !important;
  padding: 0 var(--arc-space-3) !important;
  border: 1px solid transparent;
  border-radius: var(--arc-radius-pill) !important;
  background: var(--oc-action) !important;
  box-shadow: none !important;
  color: var(--arc-accent-foreground) !important;
  font-size: var(--arc-text-sm) !important;
  font-weight: var(--arc-weight-strong);
  letter-spacing: var(--arc-tracking);
  line-height: 1 !important;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  transition: background-color var(--arc-dur-fast) var(--arc-ease), transform var(--arc-dur) var(--arc-spring);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-chip:hover {
  background: var(--oc-action-hover) !important;
  color: var(--arc-accent-foreground) !important;
  opacity: 1;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-chip:active {
  transform: scale(.97);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-empty-welcome .cew-chip:focus-visible {
  outline: 2px solid var(--arc-focus);
  outline-offset: 1px;
}

/* ---- Thread ----------------------------------------------------------------- */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg + .chat-msg {
  border-top-color: var(--arc-border-subtle) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.user .msg-col {
  align-items: flex-end !important;
  width: 100% !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.user .body {
  align-self: flex-end !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: min(85%, 36em) !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: var(--arc-space-2) var(--arc-space-3) !important;
  border: 0 !important;
  border-radius: var(--arc-radius-card) !important;
  background: var(--arc-surface-muted) !important;
  color: var(--arc-foreground) !important;
  text-align: left !important;
}
/* The sent turn shows the short card name. The long prompt stays off screen. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.user .chat-user-tasks {
  gap: var(--arc-space-1);
  margin: 0 0 var(--arc-space-2);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.user .chat-user-tasks:last-child {
  margin: 0;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.user .chat-user-task {
  height: 22px;
  padding: 0 var(--arc-space-2);
  border: 1px solid var(--arc-border-strong);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font-size: var(--arc-text-xs);
  font-weight: var(--arc-weight-strong);
  letter-spacing: var(--arc-tracking);
  line-height: 1;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.assistant .body {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--arc-foreground);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-followups {
  align-items: flex-start;
  gap: var(--arc-space-1);
  margin: var(--arc-space-4) 0 0;
  padding-top: var(--arc-space-3);
  border-top: 1px solid var(--arc-border);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-followups-label {
  margin: 0 0 var(--arc-space-1);
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: var(--arc-weight);
  letter-spacing: var(--arc-tracking);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-followup {
  gap: var(--arc-space-2);
  width: fit-content;
  max-width: 100%;
  min-height: var(--arc-row);
  padding: var(--arc-space-1) var(--arc-space-2);
  border: 0;
  border-radius: var(--arc-radius-control);
  background: transparent;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  font-weight: var(--arc-weight);
  letter-spacing: var(--arc-tracking);
  line-height: 1.35;
  text-align: left;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-followup:hover {
  background: var(--arc-hover);
  color: var(--arc-foreground);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-followup:active {
  transform: scale(.98);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-followup:focus-visible {
  outline: 1px solid var(--arc-focus);
  outline-offset: 1px;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-followup .oc-ico {
  width: 14px;
  height: 14px;
  color: var(--arc-text-muted);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .who {
  color: var(--arc-text-muted);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(.msg-time, .msg-when, .chat-msg time) {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-2xs);
  font-variant-numeric: tabular-nums;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .msg-actions .msg-act {
  border-radius: var(--arc-radius-chip);
  color: var(--arc-text-muted);
  transition: color var(--arc-dur-fast) var(--arc-ease), background-color var(--arc-dur-fast) var(--arc-ease);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .msg-actions .msg-act:hover {
  background: var(--arc-hover);
  color: var(--arc-foreground);
}

/* Code: a hairline card on the muted surface, the language in sentence case. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .body pre {
  border: 1px solid var(--arc-border) !important;
  border-radius: var(--arc-radius-card) !important;
  background: var(--arc-surface-muted) !important;
  box-shadow: none !important;
  color: var(--arc-foreground);
  font-size: var(--arc-text-xs);
  line-height: 1.6;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .body pre .code-lang {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-2xs);
  font-weight: var(--arc-weight);
  letter-spacing: 0;
  text-transform: none;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .body pre .code-copy {
  border-radius: var(--arc-radius-chip);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .body :not(pre) > code {
  padding: 1px 5px;
  border: 1px solid var(--arc-border-subtle) !important;
  border-radius: var(--arc-radius-chip) !important;
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  font-size: .9em;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg .body table th {
  text-transform: none;
  letter-spacing: 0;
  font-weight: var(--arc-weight-strong);
  color: var(--arc-text-secondary);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.assistant.is-streaming .body .md-stream-open:not(:empty)::after,
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-msg.assistant.is-streaming .body:not(:has(.md-stream-open))::after {
  background: var(--arc-text-secondary);
}

/* ---- Activity row (tools, sites, thinking) ---------------------------------- */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar {
  gap: var(--arc-space-2) !important;
  min-height: var(--arc-row);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar .activity-label {
  color: var(--arc-text-secondary);
  -webkit-text-fill-color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  font-weight: var(--arc-weight-strong);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar :is(.activity-latest, .activity-count) {
  color: var(--arc-text-muted);
  font-variant-numeric: tabular-nums;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar .activity-spin {
  border-color: var(--arc-border-strong) !important;
  border-top-color: var(--arc-accent) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar.done .activity-spin {
  border-color: var(--arc-success);
  background: var(--arc-success);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar.done .activity-spin::after {
  color: var(--arc-accent-foreground);
  font-weight: var(--arc-weight-strong);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar .activity-stop {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: var(--arc-radius-chip) !important;
  background: transparent;
  color: var(--arc-text-secondary);
  transition: background-color var(--arc-dur-fast) var(--arc-ease), color var(--arc-dur-fast) var(--arc-ease);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar .activity-stop:hover {
  background: var(--arc-hover);
  color: var(--arc-foreground);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar .activity-stop svg {
  fill: currentColor;
}
/* The pane's own Stop sits in the composer now; the bar keeps the words. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer.arc-has-stop .chat-activity-bar .activity-stop {
  display: none !important;
}

/* ---- The pane's menus -------------------------------------------------------- */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop, .chat-tier-pop, .chat-header-menu, .chat-pop, .chat-sessions-pop, .chat-export-menu) {
  background: var(--arc-surface-raised) !important;
  border: 1px solid var(--arc-border) !important;
  border-radius: var(--arc-radius-card) !important;
  box-shadow: var(--arc-shadow-floating) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: var(--arc-space-1) !important;
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop, .chat-tier-pop, .chat-header-menu, .chat-sessions-pop) {
  transform: translateY(-4px) scale(.97);
  transition:
    opacity var(--arc-dur-exit) var(--arc-ease-exit),
    transform var(--arc-dur-exit) var(--arc-ease-exit),
    visibility 0s linear var(--arc-dur-exit);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-pop {
  transform: translateY(4px) scale(.97);
  transition:
    opacity var(--arc-dur-exit) var(--arc-ease-exit),
    transform var(--arc-dur-exit) var(--arc-ease-exit),
    visibility 0s linear var(--arc-dur-exit);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop, .chat-tier-pop, .chat-header-menu, .chat-sessions-pop, .chat-pop).open {
  transform: none;
  transition:
    opacity var(--arc-dur) var(--arc-ease),
    transform var(--arc-dur) var(--arc-spring),
    visibility 0s linear 0s;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop, .chat-tier-pop, .chat-header-menu, .chat-pop, .chat-sessions-pop ul, .chat-export-menu).arc-glide-host {
  position: absolute;
  isolation: isolate;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-export-menu.arc-glide-host { position: fixed; }
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-sessions-pop ul.arc-glide-host { position: relative; }

html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.mdl, .chat-header-menu .chat-menu-item, .chat-pop li, .chat-sessions-pop li.sess, .chat-export-menu button) {
  position: relative;
  z-index: 1;
  min-height: var(--arc-row);
  margin: 0 !important;
  border: 0 !important;
  border-radius: calc(var(--arc-radius-card) - 4px) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  font-weight: var(--arc-weight);
  transition: color var(--arc-dur-fast) var(--arc-ease);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-header-menu .chat-menu-item, .chat-export-menu button) {
  display: flex;
  align-items: center;
  gap: var(--arc-space-2) !important;
  width: 100%;
  padding: 2px var(--arc-space-2) !important;
  text-align: start;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.mdl, .chat-pop li) {
  padding: 5px var(--arc-space-2) !important;
}
/* Without the script, rows still answer the pointer with a quiet tint. */
@media (hover: hover) and (pointer: fine) {
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :not(.arc-glide-host) > :is(li.mdl, .chat-menu-item, li, li.sess, button):is(.chat-model-pop *, .chat-header-menu *, .chat-pop *, .chat-sessions-pop *, .chat-export-menu *):hover {
    background: var(--arc-hover) !important;
  }
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.mdl, .chat-pop li):is(.active, .sel, .selected, [aria-selected="true"]) .m-label,
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-header-menu .chat-menu-item:is(.is-active, .active, [aria-pressed="true"], [aria-checked="true"]) .chat-menu-label {
  font-weight: var(--arc-weight-strong) !important;
  color: var(--arc-foreground);
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.mdl, .chat-pop li):is(.active, [aria-selected="true"]),
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-header-menu .chat-menu-item:is(.is-active, .active, [aria-pressed="true"]) {
  box-shadow: inset 2px 0 0 var(--arc-accent) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.mdl .m-id, .chat-pop .p-desc, .chat-pop .m-secondary, .chat-header-menu .chat-menu-hint, .chat-header-menu .chat-menu-ico) {
  color: var(--arc-text-secondary) !important;
  font-size: var(--arc-text-2xs);
  opacity: 1;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.grp, .chat-header-menu .chat-menu-section) {
  padding: var(--arc-space-2) var(--arc-space-2) var(--arc-space-1) !important;
  color: var(--arc-text-secondary) !important;
  font-size: var(--arc-text-2xs) !important;
  font-weight: var(--arc-weight-strong) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.mdl-foot) {
  margin-top: var(--arc-space-1) !important;
  padding: var(--arc-space-2) !important;
  border-top: 1px solid var(--arc-border-subtle) !important;
  color: var(--arc-text-secondary) !important;
  font-size: var(--arc-text-2xs) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-header-menu .chat-menu-sep {
  height: 1px;
  margin: var(--arc-space-1) calc(var(--arc-space-1) * -1) !important;
  background: var(--arc-border-subtle) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop li.mdl, .chat-header-menu .chat-menu-item, .chat-pop li, .chat-sessions-pop li.sess, .chat-export-menu button):focus-visible {
  outline: 2px solid var(--arc-focus);
  outline-offset: -2px;
}

html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-model-pop li.mdl .m-label {
  font-weight: var(--arc-weight) !important;
}
/* The one highlight that glides between rows (placed by arc_assistant.js). */
.arc-glide {
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: calc(var(--arc-radius-card) - 4px) !important;
  background: var(--arc-hover) !important;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  transition:
    transform var(--arc-dur-morph) var(--arc-spring),
    width var(--arc-dur-morph) var(--arc-spring),
    height var(--arc-dur-morph) var(--arc-spring),
    opacity var(--arc-dur-fast) var(--arc-ease);
}
.arc-glide.is-on { opacity: 1; }
.arc-glide.is-instant { transition: opacity var(--arc-dur-fast) var(--arc-ease); }
html[data-ui="classic"] .arc-glide { display: none; }

@media (prefers-reduced-motion: reduce) {
  .arc-glide,
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-model-pop, .chat-tier-pop, .chat-header-menu, .chat-sessions-pop, .chat-pop),
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer :is(#chat-send, .arc-send-stop, button.chat-action-btn, .chat-panel-btn, .chat-icon-btn, .chat-followup),
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-task, #th-chat-panel .th-chat-suggest) {
    transform: none !important;
    transition-duration: 0s !important;
  }
  html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-drawer .chat-activity-bar .activity-spin {
    animation-duration: 2.4s;
  }
}