/* The AI frame, Arc-style (decision D6, group f-assistant).
 *
 * Arc keeps gradients and glows out of product surfaces. Every surface that
 * wore the neon gradient frame now rests on the Arc hairline with a 1px
 * accent top edge; the north-star mark in its header stays and is the one
 * sign that a surface is the assistant. No gradient on surfaces, buttons or
 * text; no glow.
 *
 * Covered: the Research Copilot's pseudo-element ring and title-mark glow
 * (its frame keeps ticker_desk.css's neon), the press page's "AI" label (the
 * rail keeps press.css's neon frame), the picked-task pill in the chat composer, the chat
 * launcher (#chat-fab) ring, and the palette's AI rows.
 * The north-star icon itself (icons.css --ico-northstar) is kept as is.
 */

/* ---- Research Copilot (ticker page) ---------------------------------------- */
/* The Copilot keeps its neon gradient frame (ticker_desk.css), by request. */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #th-chat-panel::before,
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #th-chat-panel::after {
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #th-chat-panel > h2 .th-copilot-title-text::before {
  filter: none;
}

/* ---- Press page AI rail ------------------------------------------------------ */
/* The News snapshot card keeps its neon gradient frame (press.css), by request. */
html:not([data-ui="classic"]):not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page .press-snap__ai {
  background: none !important;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: var(--arc-accent) !important;
  -webkit-text-fill-color: var(--arc-accent) !important;
  font-weight: var(--arc-weight-strong);
}
html:not([data-ui="classic"]):not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page .press-snap__mark {
  filter: none;
}

/* ---- Picked task in the composer --------------------------------------------- */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) .chat-task-pill {
  border: 1px solid var(--arc-border-strong) !important;
  background: var(--arc-surface-muted) !important;
}

/* ---- Chat launcher: the mark on a plain raised button, no neon ring ----------- */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-fab.chat-toggle-fab {
  border: 1px solid var(--arc-border) !important;
  background: var(--arc-surface-raised) !important;
  box-shadow: var(--arc-shadow-raised) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-fab.chat-toggle-fab:hover {
  border-color: var(--arc-border-strong) !important;
  box-shadow: var(--arc-shadow-floating) !important;
}
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) #chat-fab.chat-toggle-fab:focus-visible {
  outline: 2px solid var(--arc-focus) !important;
  outline-offset: 2px;
}

/* ---- The mark stays; its glow goes ------------------------------------------- */
html:not([data-ui="classic"]) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.chat-ai-mark, [data-ico="northstar"], .ai-northstar) {
  filter: none !important;
  box-shadow: none !important;
}