@font-face {
  font-family: 'Work Sans';
  src: url("/assets/WorkSans-VariableFont_wght-c0ac7ff0.ttf") format('truetype');
  font-style: normal;
  font-weight: 100 900;
}

@font-face {
  font-family: 'Work Sans';
  src: url("/assets/WorkSans-Italic-VariableFont_wght-a33864d2.ttf") format('truetype');
  font-style: italic;
  font-weight: 100 900;
}

.turbo-progress-bar {
  background-color: rgb(152 178 79); /* bg-olive-900 */
}

b,
strong {
  font-weight: bold; /* Override tailwind default of "bolder" which looks terrible with our fonts */
}

.hidden-empty:not(:has(*)) {
  display: none;
}

/*
 * AG Studio's AI assistant composer (flag-gated :ag_studio_ai_assistant) shows
 * an accent line between the text area and the Send button on focus. It is not
 * a plain border on the direct children (removing those did nothing), so clear
 * borders and box-shadows on every element *inside* the input box — but not the
 * box itself, so its own focus outline survives. Scoped, inert elsewhere.
 * `!important` because AG injects its own styles at runtime, after this sheet.
 */
.ag-studio-ai-assistant-input * {
  border: none !important;
  box-shadow: none !important;
}

.tooltip {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background-color: rgb(var(--color-smoke-20));
  color: rgb(var(--color-smoke-80));
}

.tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: rgb(var(--color-smoke-20));
}

.ProseMirror .collaboration-cursor__caret {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  margin-left: -1px;
  margin-right: -1px;
  pointer-events: none;
  position: relative;
  word-break: normal;
}

.ProseMirror .collaboration-cursor__label {
  border-radius: 3px 3px 3px 0;
  color: white;
  font-size: 12px;
  font-weight: 600;
  left: -1px;
  line-height: normal;
  padding: 0.125rem 0.3rem;
  position: absolute;
  bottom: calc(100% + 2px);
  user-select: none;
  white-space: nowrap;
}