@media(min-width:821px) and (max-width:1440px){
  html,body{font-size:15.5px}
  .app,.shell,.admin-shell,.portal-shell{font-size:1rem}
  .sidebar,.admin-sidebar,[data-sidebar]{width:276px!important;min-width:276px!important}
  .sidebar a,.sidebar button,.admin-sidebar a,.admin-sidebar button{min-height:48px!important;font-size:14px!important;border-radius:12px!important}
  .topbar,.header,.admin-header,.portal-header{min-height:76px!important;padding-inline:28px!important}
  .search,input[type=search]{min-height:44px!important;font-size:14px!important}
  main,.main,.content,.admin-main,.portal-main{max-width:1480px!important;margin-inline:auto!important;padding:32px!important}
  .card,.panel,.tile,.stat,.table-card,.application-card{border-radius:16px!important}
  .card,.panel,.tile,.application-card{padding:18px!important}
  button,.button,.btn,input,select,textarea{font-size:14px!important}
  input,select,textarea,.btn,.button{min-height:42px!important}
  table{font-size:13.5px!important}
  th{font-size:11px!important}
  td,th{padding:14px 15px!important}
  .dropdown,.popover,.menu{z-index:1200!important}
}
@media(max-width:820px){
  main,.main,.content,.admin-main,.portal-main{padding:18px!important}
  .topbar,.header,.admin-header,.portal-header{min-height:66px!important}
  button,.button,.btn,input,select,textarea{min-height:44px!important}
}