/* The homepage chat sits directly on the site's atmosphere in both themes. */
:root {
  --grokit-chat-dot: #000;
}

:root:has(#grokit-dark-theme:not([media="not all"])) {
  --grokit-chat-dot: #fff;
}

.grokit-chat-status-dot { background-color: var(--grokit-chat-dot); }

/* Match the captured markup too, so no frame flashes before hydration. */
:root :is(.grokit-chat-neon-host,
  main.overflow-x-clip > section.wrap.grid:first-child > .rise-2.card) {
  position: relative;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:root :is(.grokit-chat-neon-host,
  main.overflow-x-clip > section.wrap.grid:first-child > .rise-2.card)::before {
  content: none;
}

/* Keep the robot's inner wrapper open; input and button outlines stay intact. */
:root :is(.grokit-chat-neon-host,
  main.overflow-x-clip > section.wrap.grid:first-child > .rise-2.card) > .flex > .card {
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* The open homepage chat starts with the robot, without a duplicate brand label. */
main.overflow-x-clip > section.wrap.grid:first-child > .rise-2.card > .flex > .card > .mono.flex:first-child {
  display: none;
}

@media (forced-colors: active) {
  .grokit-chat-status-dot { background-color: CanvasText; }
}