.chat-thinking {
  --mbi-thinking-accent: #f36b10;
  --mbi-thinking-ink: #27276e;
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
  max-width: min(88%, 340px);
  min-height: 52px;
  padding: 9px 17px 9px 10px;
  color: #3e4565;
  background:
    radial-gradient(circle at 19px 15px, color-mix(in srgb, var(--mbi-thinking-accent) 14%, transparent), transparent 28px),
    linear-gradient(135deg, #fffaf6, #f5f5fb);
  border: 1px solid color-mix(in srgb, var(--mbi-thinking-accent) 18%, #dfe1ec);
  border-radius: 19px 19px 19px 6px;
  box-shadow: 0 12px 32px rgb(29 32 75 / 10%);
  overflow: hidden;
}

.industrial-site .chat-thinking,
.industrial-catalogue .chat-thinking {
  --mbi-thinking-accent: #d18453;
  --mbi-thinking-ink: #214b55;
  background:
    radial-gradient(circle at 19px 15px, rgb(209 132 83 / 15%), transparent 28px),
    linear-gradient(135deg, #fbf7f1, #edf4f3);
}

.chat-thinking::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 28%, rgb(255 255 255 / 72%) 45%, transparent 62%);
  transform: translateX(-120%);
  animation: mbi-thinking-shimmer 2.25s ease-in-out infinite;
}

.mbi-thinking-orbit {
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, var(--mbi-thinking-accent), var(--mbi-thinking-ink));
  border-radius: 50%;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--mbi-thinking-accent) 25%, transparent);
}

.mbi-thinking-orbit b {
  position: relative;
  z-index: 2;
  font-size: 13px;
  line-height: 1;
  animation: mbi-thinking-star 1.35s ease-in-out infinite;
}

.mbi-thinking-orbit i {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  transform-origin: 17px 2.5px;
  animation: mbi-thinking-orbit 1.65s linear infinite;
}

.mbi-thinking-orbit i:nth-of-type(2) { animation-delay: -.55s; opacity: .72; }
.mbi-thinking-orbit i:nth-of-type(3) { animation-delay: -1.1s; opacity: .45; }

.mbi-thinking-label {
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}

.assistant-message {
  white-space: pre-wrap;
}

.mbi-stream-cursor {
  display: inline-block;
  width: 2px;
  height: 1.05em;
  margin-left: 3px;
  vertical-align: -.12em;
  background: var(--orange, #f36b10);
  border-radius: 2px;
  animation: mbi-stream-cursor .72s steps(1, end) infinite;
}

.industrial-site .mbi-stream-cursor,
.industrial-catalogue .mbi-stream-cursor {
  background: #d18453;
}

.chat-turn .chat-results {
  transition: opacity .32s ease, transform .38s cubic-bezier(.22, 1, .36, 1);
}

.chat-turn.is-streaming-turn .chat-results {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}

@keyframes mbi-thinking-orbit {
  from { transform: rotate(0deg) translateX(13px) rotate(0deg); }
  to { transform: rotate(360deg) translateX(13px) rotate(-360deg); }
}

@keyframes mbi-thinking-star {
  0%, 100% { transform: scale(.82) rotate(-8deg); opacity: .72; }
  50% { transform: scale(1.12) rotate(8deg); opacity: 1; }
}

@keyframes mbi-thinking-shimmer {
  0%, 28% { transform: translateX(-120%); }
  68%, 100% { transform: translateX(120%); }
}

@keyframes mbi-stream-cursor {
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: .12; }
}

@media (prefers-reduced-motion: reduce) {
  .chat-thinking::after,
  .mbi-thinking-orbit b,
  .mbi-thinking-orbit i,
  .mbi-stream-cursor {
    animation: none;
  }
}