/* Modal com rolagem interna VISÍVEL — padrão B9.
   Uso: <div class="modal-dialog modal-xl b9-modal-scroll"> ... </div>

   Problema resolvido: modal mais alta que a tela (notebook) ficava sem barra de rolagem
   perceptível (o tema esconde/afina a barra do navegador). Aqui a modal nunca passa da
   altura da janela: cabeçalho e rodapé (botões Confirmar/Cancelar) ficam sempre à vista e
   só o corpo rola, com barra grossa e colorida. Modal curta continua com a altura do
   conteúdo (não vira "tela cheia" como o modal-dialog-scrollable do Bootstrap). */

.modal-dialog.b9-modal-scroll .modal-content {
    max-height: calc(100vh - (var(--bs-modal-margin, 1.75rem) * 2));
    max-height: calc(100dvh - (var(--bs-modal-margin, 1.75rem) * 2));
}

.modal-dialog.b9-modal-scroll .modal-body {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: auto;                                 /* Firefox */
    scrollbar-color: #845ADF rgba(132, 90, 223, 0.15);     /* Firefox: polegar / trilho */
}

.modal-dialog.b9-modal-scroll .modal-body::-webkit-scrollbar {
    width: 14px;
}

.modal-dialog.b9-modal-scroll .modal-body::-webkit-scrollbar-track {
    background: rgba(132, 90, 223, 0.15);
    border-radius: 8px;
}

.modal-dialog.b9-modal-scroll .modal-body::-webkit-scrollbar-thumb {
    background: #845ADF;
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

.modal-dialog.b9-modal-scroll .modal-body::-webkit-scrollbar-thumb:hover {
    background: #6f45c9;
    background-clip: padding-box;
}

/* Textarea com rolagem interna VISÍVEL — mesma cor/espessura do b9-modal-scroll acima, só
   que no próprio <textarea> (não precisa a modal inteira rolar). Uso:
   <textarea class="form-control b9-textarea-scroll">

   Problema resolvido: textarea com texto maior que as linhas visíveis rola por dentro, mas a
   barra nativa do navegador é fina e some sem interação (pior ainda no celular, onde não tem
   hover pra "achar" a barra) — nada indica que dá pra ver o resto do texto. */
.b9-textarea-scroll {
    scrollbar-width: auto;                                 /* Firefox */
    scrollbar-color: #845ADF rgba(132, 90, 223, 0.15);     /* Firefox: polegar / trilho */
}

.b9-textarea-scroll::-webkit-scrollbar {
    width: 14px;
}

.b9-textarea-scroll::-webkit-scrollbar-track {
    background: rgba(132, 90, 223, 0.15);
    border-radius: 8px;
}

.b9-textarea-scroll::-webkit-scrollbar-thumb {
    background: #845ADF;
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

.b9-textarea-scroll::-webkit-scrollbar-thumb:hover {
    background: #6f45c9;
    background-clip: padding-box;
}