@media (min-width:901px){
  body.body-pd{padding-left:115px!important;transition:padding-left .25s ease}
  body.body-pd.menu-open{padding-left:260px!important}
  .shell-topbar{left:85px;transition:left .25s ease}
  body.menu-open .shell-topbar{left:230px}
  .shell-menu-overlay{display:none}
}
@media (max-width:900px){
  body.body-pd{margin:0!important;padding:0!important;overflow-x:hidden}
  .shell-topbar{z-index:104;right:0;left:0;width:100%;padding:0 14px}
  .shell-topbar button{display:grid;place-items:center;width:42px;height:42px;border-radius:9px!important}
  .custom-sidebar,.custom-sidebar.open{z-index:103;top:0;bottom:0;left:0;width:min(290px,86vw)!important;height:100dvh;padding:8px 12px;overflow-y:auto;transform:translateX(-105%);transition:transform .25s ease;visibility:hidden}
  .custom-sidebar.open{transform:translateX(0);visibility:visible}
  .custom-sidebar .custom-logo-details{height:64px}
  .custom-sidebar .custom-logo-details .custom-logo_name{display:block!important;opacity:1!important;white-space:nowrap}
  .custom-sidebar .custom-nav-list{height:auto;margin:5px 0 20px}
  .custom-sidebar li{margin:5px 0}
  .custom-sidebar li a{width:100%;min-height:46px}
  .custom-sidebar li a .custom-links_name{display:block!important;opacity:1!important;pointer-events:auto!important}
  .custom-sidebar li .custom-tooltip{display:none!important}
  .shell-menu-overlay{position:fixed;z-index:102;inset:0;background:rgba(9,31,44,.48);opacity:0;visibility:hidden;transition:opacity .25s ease}
  .menu-open .shell-menu-overlay{opacity:1;visibility:visible}
  .custom-container{width:100%!important;max-width:100%!important;margin:54px 0 0!important;padding:14px 10px!important;overflow-x:hidden}
  .custom-container>*,.agenda-pagina,.caixa-pagina,.financeiro-pagina,.clientes-pagina,.pets-pagina,.servicos-pagina{max-width:100%!important}
}
@media (max-width:480px){
  .shell-topbar{height:50px}
  .shell-topbar>span{max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .custom-container{margin-top:50px!important;padding:10px 7px!important}
  .custom-sidebar,.custom-sidebar.open{width:min(280px,90vw)!important}
  .custom-sidebar i{min-width:44px}
  .custom-sidebar li a .custom-links_name{margin-left:8px}
}