/**
 * Barra de rolagem horizontal flutuante — ver datatables-barra-flutuante.js.
 *
 * O polegar é DESENHADO, não delegado à barra do sistema: medido em 27/08/2026,
 * o Chromium/macOS usa barra overlay e não há CSS que o tire disso (testadas as
 * quatro combinações de `::-webkit-scrollbar` e `scrollbar-width`/`-color`, as
 * quatro sem ocupar layout). Barra que só aparece enquanto se rola não responde
 * "onde eu rolo isto?".
 *
 * Cor e raio saem de token (bootstrap_sass/assets/css/pfkt-tokens.css). Como
 * `var()` se resolve no valor computado do elemento, e não na ordem das folhas,
 * este arquivo NÃO precisa declarar dependência do arquivo de tokens.
 */

.pfkt-barra-rolagem-flutuante {
  position: fixed;
  bottom: 0;
  z-index: 1030;
  display: none;
  height: 15px;
  background: var(--pfkt-surface, #fff);
  border-top: 1px solid var(--pfkt-line, #e4e7eb);
  /* O trilho é clicável de ponta a ponta, então o cursor não pode dizer
     "texto". E `touch-action: none` impede o navegador de tratar o arrasto do
     polegar como rolagem da página no toque. */
  cursor: default;
  touch-action: none;
  user-select: none;
}

/* z-index 1030 fica ABAIXO do painel de anomalias (1035/1040), que é fixo no
   canto inferior direito. Na altura não há disputa: esta barra tem 15px a
   partir de bottom:0 e o painel começa em bottom:1.25rem (20px). */

.pfkt-barra-rolagem-flutuante.is-visivel {
  display: block;
}

.pfkt-barra-rolagem-flutuante__polegar {
  height: 8px;
  margin-top: 3px;
  border-radius: var(--pfkt-radius-pill, 999px);
  background: var(--pfkt-ink-4, #857d72);
  cursor: grab;
  /* `transform` em vez de `left`: a posição é reescrita a cada evento de
     scroll, e translate não força recálculo de layout da página. */
  will-change: transform;
}

.pfkt-barra-rolagem-flutuante__polegar:hover {
  background: var(--pfkt-ink-2, #5f584e);
}

.pfkt-barra-rolagem-flutuante.is-arrastando .pfkt-barra-rolagem-flutuante__polegar {
  background: var(--pfkt-ink, #37322c);
  cursor: grabbing;
}