.draft-ai-advice-panel {
  --bs-offcanvas-width: 32rem;
}

.draft-ai-advice-mark {
  --bs-avatar-title-bg: var(--dp-punk-blue);
  --bs-avatar-title-color: var(--dp-pro-gold-super-light);
}

[data-bs-theme="dark"] .draft-ai-advice-panel {
  --bs-secondary-color: var(--bs-gray-500);
}

.draft-ai-advice-panel .offcanvas-body,
#draft-ai-advice-empty,
#draft-ai-advice-session,
#draft-ai-advice-messages {
  min-height: 0;
}

#draft-ai-advice-messages {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.draft-ai-advice-question {
  max-width: 90%;
  border-radius: var(--bs-border-radius-xl);
  white-space: pre-wrap;
}

.draft-ai-advice-answer > :last-child {
  margin-bottom: 0 !important;
}

.draft-ai-advice-reasoning summary {
  cursor: pointer;
}

.draft-ai-advice-form {
  padding-bottom: max(var(--bs-offcanvas-padding-y), env(safe-area-inset-bottom)) !important;
}

.draft-ai-advice-form .input-group:focus-within {
  border-color: var(--bs-input-focus-border-color);
}

@media (max-width: 575.98px) {
  .draft-ai-advice-panel {
    --bs-offcanvas-width: 100%;
  }

  #draft-ai-advice-follow-up {
    font-size: 1rem;
  }
}