/* Padrão da listagem de dispositivos. Não altera overflow nem gestos de rolagem.
   A camada importante prevalece sobre cores locais, inclusive em modais. */
@layer sga-scrollbars {
  :root, * {
    scrollbar-width: thin;
    scrollbar-color: rgba(249, 115, 22, .72) rgba(15, 23, 42, .34) !important;
  }
  ::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
  }
  ::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, .34) !important;
    border-radius: 999px !important;
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(249, 115, 22, .72) !important;
    border: 2px solid rgba(15, 23, 42, .34) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }
  ::-webkit-scrollbar-corner { background: transparent !important; }
  @media (forced-colors: active) {
    :root, * { scrollbar-color: auto !important; }
    ::-webkit-scrollbar-track { background: Canvas !important; }
    ::-webkit-scrollbar-thumb { background: ButtonText !important; border-color: Canvas !important; }
  }
}