/**
 * Barra de rolagem — identidade Banrisul (Passou, Ganhou!).
 * Use a classe .banrisul-scrollbar ou aplique em áreas roláveis de modais (.fenix-popup).
 */

:root {
  --banrisul-scrollbar-size: 7px;
  --banrisul-scrollbar-track: rgba(255, 255, 255, 0.05);
  --banrisul-scrollbar-track-edge: rgba(255, 255, 255, 0.08);
  --banrisul-scrollbar-thumb-top: rgba(52, 131, 250, 0.95);
  --banrisul-scrollbar-thumb-mid: rgba(52, 131, 250, 0.88);
  --banrisul-scrollbar-thumb-bottom: rgba(52, 131, 250, 0.82);
  --banrisul-scrollbar-thumb-hover-top: var(--color-primary);
  --banrisul-scrollbar-thumb-hover-mid: #f7da00;
  --banrisul-scrollbar-thumb-hover-bottom: #2968c8;
}

.banrisul-scrollbar,
.fenix-popup .modal-body,
.fenix-popup .modal-dialog-scrollable .modal-body,
.banrisul-cookies-modal__body,
.banrisul-ai-panel__messages {
  scrollbar-width: thin;
  scrollbar-color: rgba(52, 131, 250, 0.62) var(--banrisul-scrollbar-track);
}

.banrisul-scrollbar::-webkit-scrollbar,
.fenix-popup .modal-body::-webkit-scrollbar,
.fenix-popup .modal-dialog-scrollable .modal-body::-webkit-scrollbar,
.banrisul-cookies-modal__body::-webkit-scrollbar,
.banrisul-ai-panel__messages::-webkit-scrollbar {
  width: var(--banrisul-scrollbar-size);
  height: var(--banrisul-scrollbar-size);
}

.banrisul-scrollbar::-webkit-scrollbar-track,
.fenix-popup .modal-body::-webkit-scrollbar-track,
.fenix-popup .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track,
.banrisul-cookies-modal__body::-webkit-scrollbar-track,
.banrisul-ai-panel__messages::-webkit-scrollbar-track {
  margin-block: 6px;
  border-radius: 999px;
  background: var(--banrisul-scrollbar-track);
  box-shadow: inset 0 0 0 1px var(--banrisul-scrollbar-track-edge);
}

.banrisul-scrollbar::-webkit-scrollbar-thumb,
.fenix-popup .modal-body::-webkit-scrollbar-thumb,
.fenix-popup .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb,
.banrisul-cookies-modal__body::-webkit-scrollbar-thumb,
.banrisul-ai-panel__messages::-webkit-scrollbar-thumb {
  min-height: 48px;
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    var(--banrisul-scrollbar-thumb-top) 0%,
    var(--banrisul-scrollbar-thumb-mid) 52%,
    var(--banrisul-scrollbar-thumb-bottom) 100%
  );
  background-clip: padding-box;
  box-shadow: 0 0 10px rgba(0, 131, 133, 0.12);
}

.banrisul-scrollbar::-webkit-scrollbar-thumb:hover,
.fenix-popup .modal-body::-webkit-scrollbar-thumb:hover,
.fenix-popup .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover,
.banrisul-cookies-modal__body::-webkit-scrollbar-thumb:hover,
.banrisul-ai-panel__messages::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    var(--banrisul-scrollbar-thumb-hover-top) 0%,
    var(--banrisul-scrollbar-thumb-hover-mid) 52%,
    var(--banrisul-scrollbar-thumb-hover-bottom) 100%
  );
  background-clip: padding-box;
}

.banrisul-scrollbar::-webkit-scrollbar-corner,
.fenix-popup .modal-body::-webkit-scrollbar-corner,
.fenix-popup .modal-dialog-scrollable .modal-body::-webkit-scrollbar-corner,
.banrisul-cookies-modal__body::-webkit-scrollbar-corner,
.banrisul-ai-panel__messages::-webkit-scrollbar-corner {
  background: transparent;
}