.main-wrapper,.content-body,.card,.g2>*,.g3>*,.g4>*{min-width:0}
.modal-window{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.table-wrap{max-width:100%;overflow-x:auto}.content-body img{max-width:100%;height:auto}
.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:720px){
  .top-header{height:auto;flex-wrap:wrap;gap:10px}
  .top-header>div:first-child{flex:1 1 180px}
  .header-actions{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
  .content-body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  input,select,textarea{font-size:16px!important;min-width:0;max-width:100%}
  .inp,.btn,.header-btn{min-height:44px}.header-btn{min-width:44px}
  .modal-window{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
}
@media(max-width:420px){
  .g2,.g3,.g4,.next-actions{grid-template-columns:minmax(0,1fr)}
  .top-header>div:first-child{flex-basis:100%}.header-actions{width:100%;justify-content:flex-start}
  .header-actions .logout-form{margin-left:auto}
  .hero-banner{padding:20px!important}.hero-banner h1,.hero-banner h2{font-size:24px!important;overflow-wrap:anywhere}
}