html,
body{
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:#bd8750 rgba(7,27,23,.2);
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{width:7px;height:7px}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{background:rgba(7,27,23,.18)}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  min-height:42px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:linear-gradient(#ddb581,#895d31);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{background:#bd8750}
.table-responsive,.clients-table-wrap,.expenses-table-wrap,.modal-body,.admin-chat-messages,.chat-messages{
  scrollbar-width:thin;
  scrollbar-color:#bd8750 transparent;
}
.table-responsive::-webkit-scrollbar,
.clients-table-wrap::-webkit-scrollbar,
.expenses-table-wrap::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.admin-chat-messages::-webkit-scrollbar,
.chat-messages::-webkit-scrollbar{width:5px;height:5px}
.table-responsive::-webkit-scrollbar-thumb,
.clients-table-wrap::-webkit-scrollbar-thumb,
.expenses-table-wrap::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.admin-chat-messages::-webkit-scrollbar-thumb,
.chat-messages::-webkit-scrollbar-thumb{background:#bd8750;border-radius:999px}
@media(max-width:600px){
  html,
  body{
    scrollbar-width:thin;
    scrollbar-color:rgba(189,135,80,.72) transparent;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar{width:4px;height:4px}
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track{background:transparent}
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb{
    min-height:36px;
    border-radius:999px;
    background:rgba(189,135,80,.72);
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}