/* ==========================================================================
   Niwa Chatbot – Custom Scrollbar
   ---------------------------------------------------------------------------
   Thin, rounded scrollbar that blends with the theme.
   WebKit (Chrome/Edge/Safari) + Firefox support.
   Applied to .niwa-morph__body and .niwa-center__body.
   ========================================================================== */

/* ── Firefox ────────────────────────────────────────────────────────────── */
.niwa-morph__body,
.niwa-center__body {
  scrollbar-width: thin;
  scrollbar-color: var(--niwa-color-border-default) transparent;
}

/* ── WebKit (Chrome, Edge, Safari) ──────────────────────────────────────── */
.niwa-morph__body::-webkit-scrollbar,
.niwa-center__body::-webkit-scrollbar {
  width: 6px;
}

.niwa-morph__body::-webkit-scrollbar-track,
.niwa-center__body::-webkit-scrollbar-track {
  background: transparent;
}

.niwa-morph__body::-webkit-scrollbar-thumb,
.niwa-center__body::-webkit-scrollbar-thumb {
  background: var(--niwa-color-border-default);
  border-radius: var(--niwa-radius-full);
}

.niwa-morph__body::-webkit-scrollbar-thumb:hover,
.niwa-center__body::-webkit-scrollbar-thumb:hover {
  background: var(--niwa-color-text-tertiary);
}
