.ai-chat-entry,
.ai-chat,
.ai-chat-admin {
  --ai-chat-background: hsl(var(--background, 0 0% 100%));
  --ai-chat-foreground: hsl(var(--foreground, 0 0% 8%));
  --ai-chat-card: hsl(var(--card, 0 0% 100%));
  --ai-chat-card-foreground: hsl(var(--card-foreground, 0 0% 8%));
  --ai-chat-muted: hsl(var(--muted, 0 0% 96%));
  --ai-chat-muted-foreground: hsl(var(--muted-foreground, 0 0% 42%));
  --ai-chat-accent: hsl(var(--accent, 0 0% 94%));
  --ai-chat-accent-foreground: hsl(var(--accent-foreground, 0 0% 12%));
  --ai-chat-border: hsl(var(--border, 0 0% 88%));
  --ai-chat-primary: hsl(var(--primary, 0 0% 12%));
  --ai-chat-primary-foreground: hsl(var(--primary-foreground, 0 0% 100%));
  --ai-chat-destructive: hsl(var(--destructive, 0 84% 60%));
  --ai-chat-radius: var(--radius, 1rem);
  color: var(--ai-chat-foreground);
}

.ai-chat-entry,
.ai-chat-entry *,
.ai-chat,
.ai-chat *,
.ai-chat-admin,
.ai-chat-admin * {
  box-sizing: border-box;
}

.ai-chat-entry {
  display: block;
  border: 1px solid var(--ai-chat-border);
  border-radius: 0.5rem;
  background: var(--ai-chat-card);
  color: var(--ai-chat-foreground);
  padding: 1rem;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.ai-chat-entry:hover {
  background: hsl(var(--accent, 0 0% 94%) / 0.4);
}

.ai-chat-entry__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.ai-chat-entry__text {
  min-width: 0;
}

.ai-chat-entry__title {
  display: block;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-chat-entry__description {
  display: -webkit-box;
  margin: 0.25rem 0 0;
  overflow: hidden;
  color: var(--ai-chat-muted-foreground);
  font-size: 0.75rem;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ai-chat-entry__badge {
  flex-shrink: 0;
  border: 1px solid var(--ai-chat-border);
  border-radius: 9999px;
  color: var(--ai-chat-muted-foreground);
  font-size: 11px;
  padding: 0.25rem 0.5rem;
}

.ai-chat svg,
.ai-chat-admin svg {
  width: 1rem;
  height: 1rem;
  flex: none;
}

.ai-chat button,
.ai-chat textarea,
.ai-chat input,
.ai-chat-admin button,
.ai-chat-admin textarea,
.ai-chat-admin input {
  font: inherit;
}

.ai-chat [class~="block"],
.ai-chat-admin [class~="block"] {
  display: block;
}

.ai-chat[class~="flex"],
.ai-chat [class~="flex"],
.ai-chat-admin[class~="flex"],
.ai-chat-admin [class~="flex"] {
  display: flex;
}

.ai-chat [class~="inline-flex"],
.ai-chat-admin [class~="inline-flex"] {
  display: inline-flex;
}

.ai-chat [class~="grid"],
.ai-chat-admin [class~="grid"] {
  display: grid;
}

.ai-chat [class~="hidden"],
.ai-chat-admin [class~="hidden"] {
  display: none;
}

.ai-chat[class~="mx-auto"],
.ai-chat [class~="mx-auto"],
.ai-chat-admin[class~="mx-auto"],
.ai-chat-admin [class~="mx-auto"] {
  margin-left: auto;
  margin-right: auto;
}

.ai-chat [class~="mt-0"],
.ai-chat-admin [class~="mt-0"] {
  margin-top: 0;
}

.ai-chat [class~="mt-1"],
.ai-chat-admin [class~="mt-1"] {
  margin-top: 0.25rem;
}

.ai-chat [class~="mt-2"],
.ai-chat-admin [class~="mt-2"] {
  margin-top: 0.5rem;
}

.ai-chat [class~="mr-1"],
.ai-chat-admin [class~="mr-1"] {
  margin-right: 0.25rem;
}

.ai-chat[class~="w-full"],
.ai-chat [class~="w-full"],
.ai-chat-admin [class~="w-full"] {
  width: 100%;
}

.ai-chat [class~="w-28"],
.ai-chat-admin [class~="w-28"] {
  width: 7rem;
}

.ai-chat [class~="w-24"],
.ai-chat-admin [class~="w-24"] {
  width: 6rem;
}

.ai-chat [class~="w-36"],
.ai-chat-admin [class~="w-36"] {
  width: 9rem;
}

.ai-chat [class~="w-16"],
.ai-chat-admin [class~="w-16"] {
  width: 4rem;
}

.ai-chat [class~="w-56"],
.ai-chat-admin [class~="w-56"] {
  width: 14rem;
}

.ai-chat [class~="w-64"],
.ai-chat-admin [class~="w-64"] {
  width: 16rem;
}

.ai-chat [class~="w-fit"],
.ai-chat-admin [class~="w-fit"] {
  width: fit-content;
}

.ai-chat [class~="size-7"],
.ai-chat-admin [class~="size-7"] {
  width: 1.75rem;
  height: 1.75rem;
}

.ai-chat [class~="size-8"],
.ai-chat-admin [class~="size-8"] {
  width: 2rem;
  height: 2rem;
}

.ai-chat [class~="size-14"],
.ai-chat-admin [class~="size-14"] {
  width: 3.5rem;
  height: 3.5rem;
}

.ai-chat[class~="h-[calc(100dvh-8rem)]"] {
  height: calc(100dvh - 8rem);
}

.ai-chat [class~="h-8"],
.ai-chat-admin [class~="h-8"] {
  height: 2rem;
}

.ai-chat [class~="h-12"],
.ai-chat-admin [class~="h-12"] {
  height: 3rem;
}

.ai-chat [class~="h-24"],
.ai-chat-admin [class~="h-24"] {
  height: 6rem;
}

.ai-chat [class~="h-[34rem]"],
.ai-chat-admin [class~="h-[34rem]"] {
  height: 34rem;
}

.ai-chat [class~="min-h-0"],
.ai-chat-admin [class~="min-h-0"] {
  min-height: 0;
}

.ai-chat [class~="min-h-10"],
.ai-chat-admin [class~="min-h-10"] {
  min-height: 2.5rem;
}

.ai-chat [class~="min-h-24"],
.ai-chat-admin [class~="min-h-24"] {
  min-height: 6rem;
}

.ai-chat [class~="min-h-56"],
.ai-chat-admin [class~="min-h-56"] {
  min-height: 14rem;
}

.ai-chat [class~="min-h-[34vh]"] {
  min-height: 34vh;
}

.ai-chat[class~="max-h-[44rem]"] {
  max-height: 44rem;
}

.ai-chat [class~="max-h-28"] {
  max-height: 7rem;
}

.ai-chat[class~="max-w-7xl"] {
  max-width: 80rem;
}

.ai-chat [class~="max-w-3xl"],
.ai-chat-admin [class~="max-w-3xl"] {
  max-width: 48rem;
}

.ai-chat [class~="max-w-md"],
.ai-chat-admin [class~="max-w-md"] {
  max-width: 28rem;
}

.ai-chat [class~="max-w-36"] {
  max-width: 9rem;
}

.ai-chat [class~="max-w-[min(42rem,85%)]"] {
  max-width: min(42rem, 85%);
}

.ai-chat-admin [class~="max-w-[22rem]"] {
  max-width: 22rem;
}

.ai-chat [class~="min-w-0"],
.ai-chat-admin [class~="min-w-0"] {
  min-width: 0;
}

.ai-chat [class~="flex-1"],
.ai-chat-admin [class~="flex-1"] {
  flex: 1 1 0%;
}

.ai-chat [class~="shrink-0"],
.ai-chat-admin [class~="shrink-0"] {
  flex-shrink: 0;
}

.ai-chat [class~="flex-col"],
.ai-chat-admin [class~="flex-col"] {
  flex-direction: column;
}

.ai-chat [class~="flex-wrap"],
.ai-chat-admin [class~="flex-wrap"] {
  flex-wrap: wrap;
}

.ai-chat [class~="items-start"],
.ai-chat-admin [class~="items-start"] {
  align-items: flex-start;
}

.ai-chat [class~="items-center"],
.ai-chat-admin [class~="items-center"] {
  align-items: center;
}

.ai-chat [class~="items-end"],
.ai-chat-admin [class~="items-end"] {
  align-items: flex-end;
}

.ai-chat [class~="justify-start"],
.ai-chat-admin [class~="justify-start"] {
  justify-content: flex-start;
}

.ai-chat [class~="justify-end"],
.ai-chat-admin [class~="justify-end"] {
  justify-content: flex-end;
}

.ai-chat [class~="justify-center"],
.ai-chat-admin [class~="justify-center"] {
  justify-content: center;
}

.ai-chat [class~="justify-between"],
.ai-chat-admin [class~="justify-between"] {
  justify-content: space-between;
}

.ai-chat [class~="self-start"],
.ai-chat-admin [class~="self-start"] {
  align-self: flex-start;
}

.ai-chat [class~="gap-1"],
.ai-chat-admin [class~="gap-1"] {
  gap: 0.25rem;
}

.ai-chat [class~="gap-2"],
.ai-chat-admin [class~="gap-2"] {
  gap: 0.5rem;
}

.ai-chat [class~="gap-3"],
.ai-chat-admin [class~="gap-3"] {
  gap: 0.75rem;
}

.ai-chat [class~="gap-4"],
.ai-chat-admin [class~="gap-4"] {
  gap: 1rem;
}

.ai-chat [class~="gap-6"],
.ai-chat-admin [class~="gap-6"] {
  gap: 1.5rem;
}

.ai-chat [class~="overflow-hidden"],
.ai-chat-admin [class~="overflow-hidden"] {
  overflow: hidden;
}

.ai-chat [class~="overflow-x-auto"],
.ai-chat-admin [class~="overflow-x-auto"] {
  overflow-x: auto;
}

.ai-chat [class~="resize-none"],
.ai-chat-admin [class~="resize-none"] {
  resize: none;
}

.ai-chat [class~="rounded-md"],
.ai-chat-admin [class~="rounded-md"] {
  border-radius: calc(var(--ai-chat-radius) - 4px);
}

.ai-chat[class~="rounded-lg"],
.ai-chat [class~="rounded-lg"],
.ai-chat-admin [class~="rounded-lg"] {
  border-radius: calc(var(--ai-chat-radius) - 2px);
}

.ai-chat [class~="rounded-full"],
.ai-chat-admin [class~="rounded-full"] {
  border-radius: 9999px;
}

.ai-chat[class~="border"],
.ai-chat [class~="border"],
.ai-chat-admin [class~="border"] {
  border-width: 1px;
  border-style: solid;
}

.ai-chat [class~="border-0"],
.ai-chat-admin [class~="border-0"] {
  border-width: 0;
}

.ai-chat [class~="border-r"],
.ai-chat-admin [class~="border-r"] {
  border-right: 1px solid var(--ai-chat-border);
}

.ai-chat [class~="border-t"],
.ai-chat-admin [class~="border-t"] {
  border-top: 1px solid var(--ai-chat-border);
}

.ai-chat [class~="border-b"],
.ai-chat-admin [class~="border-b"] {
  border-bottom: 1px solid var(--ai-chat-border);
}

.ai-chat [class~="border-dashed"],
.ai-chat-admin [class~="border-dashed"] {
  border-style: dashed;
}

.ai-chat[class~="border-border"],
.ai-chat [class~="border-border"],
.ai-chat-admin [class~="border-border"] {
  border-color: var(--ai-chat-border);
}

.ai-chat-admin [class~="border-border/70"] {
  border-color: hsl(var(--border, 0 0% 88%) / 0.7);
}

.ai-chat [class~="border-destructive/30"],
.ai-chat-admin [class~="border-destructive/30"] {
  border-color: hsl(var(--destructive, 0 84% 60%) / 0.3);
}

.ai-chat [class~="border-foreground"] {
  border-color: var(--ai-chat-foreground);
}

.ai-chat[class~="bg-card"],
.ai-chat [class~="bg-card"],
.ai-chat-admin [class~="bg-card"] {
  background: var(--ai-chat-card);
}

.ai-chat [class~="bg-background"],
.ai-chat-admin [class~="bg-background"] {
  background: var(--ai-chat-background);
}

.ai-chat [class~="bg-muted/20"],
.ai-chat-admin [class~="bg-muted/20"] {
  background: hsl(var(--muted, 0 0% 96%) / 0.2);
}

.ai-chat [class~="bg-muted/30"],
.ai-chat-admin [class~="bg-muted/30"] {
  background: hsl(var(--muted, 0 0% 96%) / 0.3);
}

.ai-chat-admin [class~="bg-muted/40"] {
  background: hsl(var(--muted, 0 0% 96%) / 0.4);
}

.ai-chat [class~="bg-accent"],
.ai-chat-admin [class~="bg-accent"] {
  background: var(--ai-chat-accent);
}

.ai-chat [class~="bg-foreground"] {
  background: var(--ai-chat-foreground);
}

.ai-chat [class~="bg-primary"],
.ai-chat-admin [class~="bg-primary"] {
  background: var(--ai-chat-primary);
}

.ai-chat [class~="bg-transparent"],
.ai-chat-admin [class~="bg-transparent"] {
  background: transparent;
}

.ai-chat [class~="bg-destructive/10"],
.ai-chat-admin [class~="bg-destructive/10"] {
  background: hsl(var(--destructive, 0 84% 60%) / 0.1);
}

.ai-chat[class~="text-foreground"],
.ai-chat [class~="text-foreground"],
.ai-chat-admin [class~="text-foreground"] {
  color: var(--ai-chat-foreground);
}

.ai-chat [class~="text-background"] {
  color: var(--ai-chat-background);
}

.ai-chat [class~="text-muted-foreground"],
.ai-chat-admin [class~="text-muted-foreground"] {
  color: var(--ai-chat-muted-foreground);
}

.ai-chat [class~="text-accent-foreground"],
.ai-chat-admin [class~="text-accent-foreground"] {
  color: var(--ai-chat-accent-foreground);
}

.ai-chat [class~="text-primary-foreground"],
.ai-chat-admin [class~="text-primary-foreground"] {
  color: var(--ai-chat-primary-foreground);
}

.ai-chat [class~="text-destructive"],
.ai-chat-admin [class~="text-destructive"] {
  color: var(--ai-chat-destructive);
}

.ai-chat [class~="p-0"],
.ai-chat-admin [class~="p-0"] {
  padding: 0;
}

.ai-chat [class~="p-2"],
.ai-chat-admin [class~="p-2"] {
  padding: 0.5rem;
}

.ai-chat-admin [class~="p-3"] {
  padding: 0.75rem;
}

.ai-chat [class~="p-4"],
.ai-chat-admin [class~="p-4"] {
  padding: 1rem;
}

.ai-chat [class~="px-2"],
.ai-chat-admin [class~="px-2"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ai-chat [class~="px-2.5"],
.ai-chat-admin [class~="px-2.5"] {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.ai-chat [class~="px-3"],
.ai-chat-admin [class~="px-3"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.ai-chat [class~="px-4"],
.ai-chat-admin [class~="px-4"] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.ai-chat [class~="py-1"],
.ai-chat-admin [class~="py-1"] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.ai-chat [class~="py-1.5"],
.ai-chat-admin [class~="py-1.5"] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.ai-chat [class~="py-2"],
.ai-chat-admin [class~="py-2"] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.ai-chat [class~="py-3"],
.ai-chat-admin [class~="py-3"] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.ai-chat [class~="py-4"],
.ai-chat-admin [class~="py-4"] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ai-chat [class~="py-6"],
.ai-chat-admin [class~="py-6"] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.ai-chat-admin [class~="py-8"] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ai-chat-admin [class~="px-4"] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.ai-chat-admin [class~="px-3"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.ai-chat-admin [class~="py-3"] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.ai-chat [class~="text-left"],
.ai-chat-admin [class~="text-left"] {
  text-align: left;
}

.ai-chat [class~="text-center"],
.ai-chat-admin [class~="text-center"] {
  text-align: center;
}

.ai-chat [class~="text-right"],
.ai-chat-admin [class~="text-right"] {
  text-align: right;
}

.ai-chat [class~="text-xs"],
.ai-chat-admin [class~="text-xs"] {
  font-size: 0.75rem;
  line-height: 1rem;
}

.ai-chat [class~="text-sm"],
.ai-chat-admin [class~="text-sm"] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ai-chat [class~="text-base"],
.ai-chat-admin [class~="text-base"] {
  font-size: 1rem;
  line-height: 1.5rem;
}

.ai-chat [class~="text-lg"],
.ai-chat-admin [class~="text-lg"] {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.ai-chat [class~="text-xl"],
.ai-chat-admin [class~="text-xl"] {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.ai-chat-admin [class~="text-2xl"] {
  font-size: 1.5rem;
  line-height: 2rem;
}

.ai-chat [class~="text-[11px]"],
.ai-chat-admin [class~="text-[11px]"] {
  font-size: 11px;
  line-height: 1rem;
}

.ai-chat [class~="font-medium"],
.ai-chat-admin [class~="font-medium"] {
  font-weight: 500;
}

.ai-chat [class~="font-semibold"],
.ai-chat-admin [class~="font-semibold"] {
  font-weight: 600;
}

.ai-chat [class~="font-mono"],
.ai-chat-admin [class~="font-mono"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.ai-chat [class~="leading-5"],
.ai-chat-admin [class~="leading-5"] {
  line-height: 1.25rem;
}

.ai-chat [class~="leading-6"],
.ai-chat-admin [class~="leading-6"] {
  line-height: 1.5rem;
}

.ai-chat [class~="leading-7"],
.ai-chat-admin [class~="leading-7"] {
  line-height: 1.75rem;
}

.ai-chat [class~="tracking-tight"],
.ai-chat-admin [class~="tracking-tight"] {
  letter-spacing: 0;
}

.ai-chat [class~="truncate"],
.ai-chat-admin [class~="truncate"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-chat [class~="whitespace-pre-wrap"],
.ai-chat-admin [class~="whitespace-pre-wrap"] {
  white-space: pre-wrap;
}

.ai-chat [class~="break-words"],
.ai-chat-admin [class~="break-words"] {
  overflow-wrap: break-word;
  word-break: break-word;
}

.ai-chat[class~="shadow-sm"],
.ai-chat [class~="shadow-sm"],
.ai-chat-admin [class~="shadow-sm"] {
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
}

.ai-chat [class~="shadow-none"],
.ai-chat-admin [class~="shadow-none"] {
  box-shadow: none;
}

.ai-chat [class~="transition"],
.ai-chat-admin [class~="transition"] {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ai-chat [class~="opacity-0"],
.ai-chat-admin [class~="opacity-0"] {
  opacity: 0;
}

.ai-chat [class~="animate-spin"],
.ai-chat-admin [class~="animate-spin"] {
  animation: ai-chat-spin 1s linear infinite;
}

.ai-chat [class~="disabled:cursor-not-allowed"]:disabled,
.ai-chat-admin [class~="disabled:cursor-not-allowed"]:disabled {
  cursor: not-allowed;
}

.ai-chat [class~="disabled:opacity-40"]:disabled,
.ai-chat-admin [class~="disabled:opacity-40"]:disabled {
  opacity: 0.4;
}

.ai-chat [class~="disabled:opacity-60"]:disabled,
.ai-chat-admin [class~="disabled:opacity-60"]:disabled {
  opacity: 0.6;
}

.ai-chat [class~="hover:bg-accent/60"]:hover,
.ai-chat-admin [class~="hover:bg-accent/60"]:hover {
  background: hsl(var(--accent, 0 0% 94%) / 0.6);
}

.ai-chat [class~="hover:bg-background/70"]:hover,
.ai-chat-admin [class~="hover:bg-background/70"]:hover {
  background: hsl(var(--background, 0 0% 100%) / 0.7);
}

.ai-chat [class~="hover:bg-primary/80"]:hover,
.ai-chat-admin [class~="hover:bg-primary/80"]:hover {
  background: hsl(var(--primary, 0 0% 12%) / 0.8);
}

.ai-chat .group:hover [class~="group-hover:opacity-100"],
.ai-chat-admin .group:hover [class~="group-hover:opacity-100"] {
  opacity: 1;
}

.ai-chat textarea[class~="focus-visible:ring-0"]:focus-visible,
.ai-chat-admin textarea[class~="focus-visible:ring-0"]:focus-visible {
  outline: none;
  box-shadow: none;
}

.ai-chat [class~="sticky"],
.ai-chat-admin [class~="sticky"] {
  position: sticky;
}

.ai-chat [class~="top-4"],
.ai-chat-admin [class~="top-4"] {
  top: 1rem;
}

.ai-chat [class~="grid-cols-1"],
.ai-chat-admin [class~="grid-cols-1"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ai-chat-admin [class~="grid-cols-[minmax(0,1.25fr)_minmax(22rem,0.75fr)]"] {
  grid-template-columns: minmax(0, 1.25fr) minmax(22rem, 0.75fr);
}

@media (min-width: 640px) {
  .ai-chat [class~="sm:inline-flex"],
  .ai-chat-admin [class~="sm:inline-flex"] {
    display: inline-flex;
  }

  .ai-chat [class~="sm:flex-row"],
  .ai-chat-admin [class~="sm:flex-row"] {
    flex-direction: row;
  }

  .ai-chat [class~="sm:items-start"],
  .ai-chat-admin [class~="sm:items-start"] {
    align-items: flex-start;
  }

  .ai-chat [class~="sm:justify-between"],
  .ai-chat-admin [class~="sm:justify-between"] {
    justify-content: space-between;
  }

  .ai-chat [class~="sm:grid-cols-2"],
  .ai-chat-admin [class~="sm:grid-cols-2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .ai-chat [class~="md:hidden"],
  .ai-chat-admin [class~="md:hidden"] {
    display: none;
  }

  .ai-chat [class~="md:flex"],
  .ai-chat-admin [class~="md:flex"] {
    display: flex;
  }

  .ai-chat [class~="md:grid-cols-2"],
  .ai-chat-admin [class~="md:grid-cols-2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-chat [class~="md:col-span-2"],
  .ai-chat-admin [class~="md:col-span-2"] {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1024px) {
  .ai-chat [class~="lg:hidden"],
  .ai-chat-admin [class~="lg:hidden"] {
    display: none;
  }

  .ai-chat [class~="lg:flex"],
  .ai-chat-admin [class~="lg:flex"] {
    display: flex;
  }

  .ai-chat [class~="lg:w-72"] {
    width: 18rem;
  }

  .ai-chat [class~="lg:flex-row"],
  .ai-chat-admin [class~="lg:flex-row"] {
    flex-direction: row;
  }

  .ai-chat [class~="lg:items-end"],
  .ai-chat-admin [class~="lg:items-end"] {
    align-items: flex-end;
  }

  .ai-chat [class~="lg:justify-between"],
  .ai-chat-admin [class~="lg:justify-between"] {
    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .ai-chat [class~="xl:inline"],
  .ai-chat-admin [class~="xl:inline"] {
    display: inline;
  }

  .ai-chat [class~="xl:grid-cols-3"],
  .ai-chat-admin [class~="xl:grid-cols-3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ai-chat [class~="xl:grid-cols-4"],
  .ai-chat-admin [class~="xl:grid-cols-4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ai-chat [class~="xl:col-span-3"],
  .ai-chat-admin [class~="xl:col-span-3"] {
    grid-column: span 3 / span 3;
  }

  .ai-chat [class~="xl:col-span-4"],
  .ai-chat-admin [class~="xl:col-span-4"] {
    grid-column: span 4 / span 4;
  }

  .ai-chat [class~="xl:sticky"],
  .ai-chat-admin [class~="xl:sticky"] {
    position: sticky;
  }

  .ai-chat [class~="xl:top-4"],
  .ai-chat-admin [class~="xl:top-4"] {
    top: 1rem;
  }

  .ai-chat [class~="xl:self-start"],
  .ai-chat-admin [class~="xl:self-start"] {
    align-self: flex-start;
  }

  .ai-chat-admin [class~="xl:grid-cols-[minmax(0,1.25fr)_minmax(22rem,0.75fr)]"] {
    grid-template-columns: minmax(0, 1.25fr) minmax(22rem, 0.75fr);
  }
}

@media (max-width: 767px) {
  .ai-chat {
    height: calc(100dvh - 5.5rem);
    max-height: none;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
}

@keyframes ai-chat-spin {
  to {
    transform: rotate(360deg);
  }
}