.search-ai-badge {
  grid-area: ai;
  position: relative;
  top: auto;
  right: auto;
  width: max-content;
  min-height: 34px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(0, 111, 186, .34);
  border-radius: 999px;
  color: #034f82;
  background:
    linear-gradient(90deg, rgba(225, 245, 255, .98), rgba(222, 255, 236, .96)),
    #fff;
  box-shadow:
    0 12px 30px rgba(0, 111, 186, .16),
    0 0 0 4px rgba(34, 197, 94, .08),
    inset 0 1px 0 rgba(255, 255, 255, .86);
  justify-self: end;
  transform: none;
  pointer-events: none;
  animation: search-ai-badge-pulse 1.6s ease-in-out infinite;
  z-index: 4;
}

.search-ai-badge[hidden] {
  display: none !important;
}

.search-ai-badge span {
  font-family: var(--accent-font);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}

.search-ai-badge i {
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 999px;
  background: currentColor;
  opacity: .42;
  animation: search-ai-dot 1.05s ease-in-out infinite;
}

.search-ai-badge[data-source="pending"] {
  color: #08624b;
  border-color: rgba(16, 185, 129, .42);
}

.search-ai-badge[data-source="idle"] {
  color: #7a8796;
  border-color: rgba(148, 163, 184, .22);
  background:
    linear-gradient(90deg, rgba(248, 250, 252, .90), rgba(255, 255, 255, .84)),
    #fff;
  box-shadow:
    0 8px 18px rgba(15, 23, 42, .055),
    inset 0 1px 0 rgba(255, 255, 255, .84);
  animation: none;
}

.search-ai-badge[data-source="pending-muted"] {
  color: #3d6f5f;
  border-color: rgba(16, 185, 129, .26);
  background:
    linear-gradient(90deg, rgba(240, 253, 244, .88), rgba(255, 255, 255, .86)),
    #fff;
  box-shadow:
    0 10px 24px rgba(16, 185, 129, .10),
    inset 0 1px 0 rgba(255, 255, 255, .86);
}

.search-ai-badge[data-source="live"] {
  color: #075985;
  border-color: rgba(0, 111, 186, .48);
}

.search-ai-badge[data-source="done"] {
  color: #0f766e;
  border-color: rgba(20, 184, 166, .34);
}

.search-ai-badge[data-source="cache"] {
  color: #4b5563;
  border-color: rgba(107, 114, 128, .28);
}

.search-ai-badge i:nth-child(3) {
  animation-delay: .14s;
}

.search-ai-badge i:nth-child(4) {
  animation-delay: .28s;
}

@keyframes search-ai-badge-pulse {
  0%,
  100% {
    box-shadow:
      0 12px 30px rgba(0, 111, 186, .16),
      0 0 0 4px rgba(34, 197, 94, .08),
      inset 0 1px 0 rgba(255, 255, 255, .86);
  }
  50% {
    box-shadow:
      0 14px 38px rgba(34, 197, 94, .28),
      0 0 0 7px rgba(0, 111, 186, .08),
      inset 0 1px 0 rgba(255, 255, 255, .92);
  }
}

@keyframes search-ai-dot {
  0%,
  100% {
    transform: translateY(0);
    opacity: .35;
  }
  50% {
    transform: translateY(-2px);
    opacity: .95;
  }
}