@import "tailwindcss";
@import "@houston-ai/core/src/globals.css";
@import "@houston-ai/core/src/styles.css";
@import "@houston-ai/chat/src/styles.css";

/* Scan local source + @houston-ai packages for Tailwind classes */
@source "../";
@source "../../node_modules/@houston-ai/board/src";
@source "../../node_modules/@houston-ai/chat/src";
@source "../../node_modules/@houston-ai/core/src";
@source "../../node_modules/@houston-ai/events/src";
@source "../../node_modules/@houston-ai/layout/src";
@source "../../node_modules/@houston-ai/review/src";
@source "../../node_modules/@houston-ai/routines/src";
@source "../../node_modules/@houston-ai/skills/src";
@source "../../node_modules/@houston-ai/agent/src";

body {
  margin: 0;
  overflow: hidden;
  font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica,
    Arial, sans-serif;
}

[data-theme="dark"] .houston-update-logo-light {
  display: none;
}

[data-theme="dark"] .houston-update-logo-dark {
  display: block;
}

/* Style links in assistant chat messages as xs primary pill buttons */
.group.is-assistant a[href] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 12px;
  border-radius: 9999px;
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s;
  vertical-align: middle;
}

.group.is-assistant a[href]:hover {
  opacity: 0.9;
}

/* External link icon via SVG mask */
.group.is-assistant a[href]::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  flex-shrink: 0;
}
