/* Shared responsive rules for legacy Web Forms pages. */
@media screen and (max-width:991px){
 .main-panel,.main-panel>.content,.page,.page-content{min-width:0!important;max-width:100%;box-sizing:border-box}
 .main-panel{width:100%!important;margin-left:0!important;float:none!important}
 .container,.container-fluid{width:100%!important;max-width:100%!important;box-sizing:border-box}
 .card,.panel,.card-body,.panel-body{min-width:0;max-width:100%;box-sizing:border-box}
 .table-responsive{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 .table-responsive table{max-width:none}
 .modal-dialog{width:auto!important;max-width:calc(100vw - 24px)!important;margin:12px auto!important}
 .modal-body{overflow-x:auto}
 .form-control,.SumoSelect,select,textarea{max-width:100%!important;box-sizing:border-box}
 img,video,canvas{max-width:100%}
 .btn-toolbar,.form-inline{flex-wrap:wrap;gap:8px}
}
@media screen and (max-width:767px){
 .main-panel>.content,.page-content{padding-left:12px!important;padding-right:12px!important}
 .row{margin-left:-6px;margin-right:-6px}
 .row>[class*="col-"]{min-width:0;padding-left:6px;padding-right:6px}
 .row>.col-md-1,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12{width:100%;max-width:100%;flex-basis:100%}
 .form-control,select,textarea,input[type=text],input[type=password],input[type=date],input[type=email],input[type=number]{font-size:16px;min-height:40px}
 .card .card-header{margin-top:0!important;overflow-wrap:anywhere}
 .btn{white-space:normal}
 .pagination{flex-wrap:wrap}
}
@media print{.table-responsive{overflow:visible!important;height:auto!important;max-height:none!important}}

/* Shared list/form pages: clear the fixed two-row header and inset cards. */
@media screen{
 .app-page-content>.container,.app-page-content>.main-panel>.content>.container{width:calc(100% - 64px)!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;box-sizing:border-box}
 .app-page-content>.container{margin-top:132px!important;margin-bottom:32px!important}
 .app-page-content>.main-panel>.content>.container{margin-top:32px!important;margin-bottom:32px!important}
 .app-page-content>.container>.row,.app-page-content>.main-panel>.content>.container>.row{margin-left:0!important;margin-right:0!important}
 .app-page-content>.container .card-header,.app-page-content>.main-panel>.content>.container .card-header{margin-top:0!important}
 .app-page-content>.container .card,.app-page-content>.main-panel>.content>.container .card{width:100%;min-width:0;margin-top:0!important;border-radius:12px}
 .app-page-content>.container .table-responsive{overflow-x:auto!important}
}
@media screen and (max-width:991px){
 .app-page-content>.container,.app-page-content>.main-panel>.content>.container{width:calc(100% - 32px)!important;margin-top:28px!important;margin-bottom:24px!important}
}
@media screen and (max-width:480px){
 .app-page-content>.container,.app-page-content>.main-panel>.content>.container{width:calc(100% - 24px)!important;margin-top:20px!important}
}