/* Shared WildHelper scrollbar: BB to do, reports, FinSklad and nested panels. */
@media (forced-colors: none) {
  * {
    scrollbar-width: thin !important;
    scrollbar-color: #2b4a5e #07131b !important;
  }

  /* Chromium supports both APIs; reset the standard one to use these shapes. */
  @supports selector(::-webkit-scrollbar) {
    * {
      scrollbar-width: auto !important;
      scrollbar-color: auto !important;
    }
    ::-webkit-scrollbar { width: 12px !important; height: 12px !important; }
    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner { background: #07131b !important; }
    ::-webkit-scrollbar-thumb {
      background: #2b4a5e !important;
      border: 3px solid #07131b !important;
      border-radius: 999px !important;
      box-shadow: none !important;
      min-height: 28px;
      min-width: 28px;
    }
    ::-webkit-scrollbar-thumb:hover { background: #426c84 !important; }
    ::-webkit-scrollbar-button {
      display: none !important;
      background-color: #07131b !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      width: 12px !important;
      height: 12px !important;
      border: 0 !important;
    }
    ::-webkit-scrollbar-button:single-button { display: block !important; }
    ::-webkit-scrollbar-button:vertical:decrement {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%232b4a5e' d='M4 1 7 6H1Z'/%3E%3C/svg%3E") !important;
    }
    ::-webkit-scrollbar-button:vertical:increment {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%232b4a5e' d='m1 2 3 5 3-5Z'/%3E%3C/svg%3E") !important;
    }
    ::-webkit-scrollbar-button:horizontal:decrement {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%232b4a5e' d='m1 4 5-3v6Z'/%3E%3C/svg%3E") !important;
    }
    ::-webkit-scrollbar-button:horizontal:increment {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%232b4a5e' d='m7 4-5-3v6Z'/%3E%3C/svg%3E") !important;
    }
  }
}
