.agent-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-12);
}

.agent-widget-heading {
  font-size: var(--font-size-14);
  line-height: 1.25rem;
  font-weight: var(--font-weight-600);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.agent-widget-chevron {
  width: var(--spacing-16);
  height: var(--spacing-16);
  color: var(--symbol-default);
}

.agent-widget-premium-badge {
  padding-inline: var(--spacing-8);
  padding-block: var(--spacing-2);
  font-size: var(--font-size-12);
  line-height: 1rem;
  font-weight: var(--font-weight-500);
  background-color: var(--background-surface-2);
  color: var(--text-primary);
  border-radius: var(--corner-radius-full);
}
html.theme-dark .agent-widget-premium-badge {
  background-color: color-mix(in oklab, var(--color-violet-76) 40%, transparent);
}

.agent-widget-snippet {
  font-size: var(--font-size-14);
  line-height: 1.25rem;
  color: var(--text-primary);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.agent-widget-primary {
  font-size: var(--font-size-14);
  line-height: 1.25rem;
  color: var(--text-primary);
  margin-bottom: var(--spacing-4);
}

.agent-widget-secondary,
.agent-widget-secondary-with-gap {
  font-size: var(--font-size-12);
  line-height: 1rem;
  color: var(--text-tertiary);
}
.agent-widget-secondary-with-gap { margin-bottom: var(--spacing-12); }

.agent-widget-cta,
.agent-widget-upgrade-cta {
  font-size: var(--font-size-12);
  line-height: 1rem;
  font-weight: var(--font-weight-500);
}
.agent-widget-cta         { margin-top: var(--spacing-12); color: var(--text-primary); }
.agent-widget-upgrade-cta { color: var(--text-primary); }
html.theme-dark .agent-widget-cta { color: var(--text-primary); }