.assistant__header { display: flex; align-items: center; justify-content: space-between; gap: var(--wa-space-m); flex-wrap: wrap; }
.assistant__header h1 { margin: 0; }

.assistant__meta { color: var(--wa-color-text-quiet); }

.assistant__offline { margin-block: var(--wa-space-s); }

.assistant__thread { margin-block: var(--wa-space-m); display: flex; flex-direction: column; gap: var(--wa-space-s); }

.assistant__message {
  max-width: 42rem;
  padding: var(--wa-space-s) var(--wa-space-m);
  border-radius: var(--wa-border-radius-m);
}

.assistant__sender {
  display: block;
  font-size: var(--wa-font-size-xs);
  font-weight: 600;
  margin-block-end: 0.125rem;
  opacity: 0.75;
}

.assistant__message--user {
  align-self: flex-end;
  background: var(--wa-color-brand-fill-normal);
  color: var(--wa-color-brand-on-normal);
}

.assistant__message--assistant {
  align-self: flex-start;
  background: var(--wa-color-surface-raised);
  border: 1px solid var(--wa-color-neutral-border-quiet);
  color: var(--wa-color-text-normal);
}

.assistant__links { display: flex; flex-wrap: wrap; gap: var(--wa-space-xs); margin-top: var(--wa-space-s); }

.assistant__link {
  display: inline-flex;
  align-items: center;
  gap: var(--wa-space-2xs);
  padding: 0.3rem 0.7rem;
  border: 1px solid var(--wa-color-neutral-border-quiet);
  border-radius: var(--wa-border-radius-s);
  background: var(--wa-color-surface-raised);
  color: var(--wa-color-brand);
  text-decoration: none;
  font-size: var(--wa-font-size-s);
}

.assistant__link i { font-size: 0.75em; }

.assistant__citations {
  margin-top: var(--wa-space-2xs);
  padding-inline-start: 1.25rem;
  font-size: var(--wa-font-size-s);
}

.assistant__citation-updated {
  color: var(--wa-color-text-quiet);
}

.assistant__form {
  display: flex;
  gap: var(--wa-space-s);
  align-items: end;
  position: sticky;
  bottom: 0;
  background: var(--wa-color-surface-default);
  padding-block: var(--wa-space-s);
}
.assistant__form input[type="text"], .assistant__form input:not([type]) { flex: 1 1 20rem; }
.assistant__empty { color: var(--wa-color-text-quiet); }