html,body{max-width:100%;overflow-x:hidden}
*{box-sizing:border-box}
img,video,canvas{max-width:100%}
input,select,textarea,button{max-width:100%}
.card,.data-card,.section,.panel,.tab-panel,.settings-card{min-width:0}
.table-wrap,.data-table-wrap,[class*="table-scroll"]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
button,.btn,a.btn{touch-action:manipulation}
@media (max-width:820px){
  .toolbar,.filters,.filter-row,.actions,.card-actions{flex-wrap:wrap}
  .toolbar>*,.filters>*{min-width:0}
  table{font-size:max(.78rem,12px)}
}
@media (max-width:520px){
  input,select,textarea{font-size:16px}
  .btn{min-height:38px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}