/* Setas ‹ › das faixas roláveis (criadas por rails.js → setasBarra). 23/10: o rails.js veio da página salva
   da JogueiCerto, mas o CSS dele (no brava.css de lá) não — sem isto os botões caíam soltos no meio da página
   (buraco com ‹ › na Carteira/Prêmios, Esportes etc.). O JS posiciona: top = meio da faixa, left/right = pontas,
   height = altura da faixa; 'on' = há para onde rolar; --rl-bg = cor de fundo da faixa. */
.rl-seta{position:absolute;z-index:4;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;padding:0;margin:0;border:0;border-radius:50%;background:#0b0d18cc;color:#fff;cursor:pointer;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;-webkit-tap-highlight-color:transparent}
.rl-seta.on{opacity:1;visibility:visible;pointer-events:auto}
.rl-seta svg{display:block;flex:none;filter:drop-shadow(0 1px 2px #000a)}
.rl-seta:hover svg{color:var(--primary-color,#4a7bff)}
/* faixa: seta colada na ponta, altura da barra, degradê da cor dela por baixo */
.rl-seta-faixa{width:34px;border-radius:0}
.rl-seta-faixa.rl-seta-e{justify-content:flex-start;padding-left:2px;background:linear-gradient(90deg,var(--rl-bg,#0b0d18) 55%,transparent)}
.rl-seta-faixa.rl-seta-d{justify-content:flex-end;padding-right:2px;background:linear-gradient(270deg,var(--rl-bg,#0b0d18) 55%,transparent)}
/* barra sem fundo próprio: a barra já some na ponta (máscara do JS); só a seta */
.rl-seta-faixa.rl-seta-solta{background:none}
@media (prefers-reduced-motion:reduce){.rl-seta{transition:none}}

/* Trava do fundo (trava-fundo.js): a rolagem que chega na ponta de um sheet/lista não "vaza" pra página */
[role=dialog],[aria-modal=true],[class*="sheet"],[class*="modal"],.painel,.opcoes,#braAuth{overscroll-behavior:contain}