/* Visible native scrolling throughout AFS. Screen only: no report/export changes. */
@media screen {
  body, body * {
    scrollbar-width: auto !important;
    scrollbar-color: #526B8A #E6EDF5 !important;
  }
  body::-webkit-scrollbar, body *::-webkit-scrollbar {
    width: 14px !important;
    height: 14px !important;
  }
  body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track {
    background: #E6EDF5 !important;
    border-radius: 7px;
  }
  body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
    background: #526B8A !important;
    border: 3px solid #E6EDF5 !important;
    border-radius: 7px;
    min-height: 40px;
    min-width: 40px;
  }
  body::-webkit-scrollbar-thumb:hover, body *::-webkit-scrollbar-thumb:hover {
    background: #17365D !important;
  }
  body::-webkit-scrollbar-corner, body *::-webkit-scrollbar-corner {
    background: #E6EDF5 !important;
  }
  #appWrapper #pageContent {
    overflow-y: scroll !important;
    overflow-x: auto !important;
    scrollbar-gutter: stable;
    min-width: 0;
    min-height: 0;
  }
  /* The independent My AFS workspace and dialogs need the same clear track. */
  #myAfsScreen, dialog, .modal, .pay-modal, .my-afs-dialog {
    scrollbar-gutter: stable;
  }
  /* Only this already-clipped directory card needs its overflow opened.
     Leave normal cards visible so invoice pickers and menus are not clipped. */
  #myAfsScreen .afs-list-card:has(> table) {
    overflow-x: auto;
  }
}
@media screen and (forced-colors: active) {
  body, body * { scrollbar-color: auto !important; }
}