/* Mobile-only admin presentation. No business actions or desktop rules. */
body.msja-mobile .wrapper { overflow: visible; }
body.msja-mobile .main-header { position: sticky; top: 0; z-index: 1040; min-height: 44px; }
body.msja-mobile .main-header .logo { width: 158px !important; height: 44px; line-height: 44px; float: left; font-size: 19px; transition: none; }
body.msja-mobile .main-header .logo-lg { display: block !important; }
body.msja-mobile .main-header .logo-mini { display: none !important; }
body.msja-mobile .main-header .navbar { margin-left: 158px !important; width: auto !important; min-height: 44px; transition: none; }
body.msja-mobile .main-header .sidebar-toggle { padding: 12px 15px; min-height: 44px; }
body.msja-mobile .main-header .navbar-custom-menu { float: right; }
body.msja-mobile .main-header .navbar-nav { margin: 0; }
body.msja-mobile .main-header .navbar-nav > li > a { padding: 10px 12px; min-height: 44px; }
body.msja-mobile .main-sidebar { position: fixed !important; top: 44px; bottom: 0; left: 0; padding-top: 0 !important; width: 270px !important; min-height: 0 !important; height: auto !important; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; transform: translateX(-100%) !important; transition: none !important; z-index: 1035; }
body.msja-mobile.msja-nav-open .main-sidebar { transform: translateX(0) !important; }
body.msja-mobile .main-sidebar .sidebar { width: auto !important; padding-bottom: 24px; }
body.msja-mobile .sidebar-menu > li > a { padding: 13px 15px; min-height: 44px; }
body.msja-mobile .sidebar-menu > li > a > span { display: inline !important; }
body.msja-mobile .sidebar-menu > li > a > .pull-right-container { display: block !important; }
body.msja-mobile .sidebar-menu > li:hover > a > span:not(.pull-right),
body.msja-mobile .sidebar-menu > li:hover > .treeview-menu { position: static !important; width: auto !important; margin-left: 0 !important; }
body.msja-mobile .sidebar-menu .treeview-menu > li > a { padding: 12px 15px 12px 25px; min-height: 44px; white-space: normal; }
body.msja-mobile .sidebar-menu .header, body.msja-mobile .sidebar-form, body.msja-mobile .user-panel > .info { display: block !important; }
body.msja-mobile .content-wrapper, body.msja-mobile .main-footer { margin-left: 0 !important; transform: none !important; transition: none !important; }
body.msja-mobile .content-wrapper { min-width: 0; }
body.msja-mobile .content-header { padding: 12px 12px 0; }
body.msja-mobile .content-header h1 { font-size: 23px; overflow-wrap: anywhere; }
body.msja-mobile .content { padding: 12px; min-width: 0; }
body.msja-mobile .content .box, body.msja-mobile .content .panel { min-width: 0; max-width: 100%; }
body.msja-mobile .content .box-body { padding: 10px; }
body.msja-mobile .content .row { margin-left: -8px; margin-right: -8px; }
body.msja-mobile .content [class*="col-"] { padding-left: 8px; padding-right: 8px; min-width: 0; }
body.msja-mobile .form-control, body.msja-mobile textarea, body.msja-mobile select, body.msja-mobile input[type="text"], body.msja-mobile input[type="email"], body.msja-mobile input[type="search"] { max-width: 100%; font-size: 16px; }
body.msja-mobile .form-control, body.msja-mobile select { min-height: 40px; }
body.msja-mobile textarea { width: 100%; }
body.msja-mobile .btn { min-height: 40px; white-space: normal; }
body.msja-mobile .btn-xs, body.msja-mobile .btn-sm { padding: 8px 10px; }
body.msja-mobile .input-group .btn { white-space: nowrap; }
body.msja-mobile .select2-container { max-width: 100%; }
body.msja-mobile .select2-selection { min-height: 40px; }
body.msja-mobile .msja-table-scroll { overflow: auto; max-width: 100%; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; border: 1px solid #dce3e8; border-radius: 3px; margin-bottom: 12px; }
body.msja-mobile .msja-table-scroll:focus { outline: 2px solid #3c8dbc; outline-offset: 1px; }
body.msja-mobile .msja-table-scroll > table { min-width: 100%; margin-bottom: 0; }
body.msja-mobile .msja-table-scroll th { white-space: nowrap; }
body.msja-mobile .msja-table-scroll td { min-width: 80px; max-width: 350px; overflow-wrap: break-word; vertical-align: top; }
body.msja-mobile .msja-table-scroll td .btn { white-space: nowrap; margin-bottom: 3px; }
body.msja-mobile .msja-table-hint { color: #526977; font-size: 12px; margin: 4px 0 6px; }
body.msja-mobile .dataTables_wrapper .row > div { max-width: 100%; }
body.msja-mobile .dataTables_filter label, body.msja-mobile .dataTables_length label { white-space: normal; }
body.msja-mobile .pagination { display: flex; flex-wrap: wrap; gap: 2px; }
body.msja-mobile .pagination > li > a, body.msja-mobile .pagination > li > span { min-height: 40px; min-width: 38px; padding: 10px; }
body.msja-mobile .modal-dialog { width: auto !important; max-width: calc(100% - 16px); margin: 8px auto; }
body.msja-mobile .modal-body { max-height: 65vh; overflow: auto; }
body.msja-mobile .modal-footer .btn { margin-top: 5px; }
body.msja-mobile .cke, body.msja-mobile .note-editor { max-width: 100%; }
body.msja-mobile .cke_top, body.msja-mobile .note-toolbar { white-space: normal; }
body.msja-mobile .main-footer { padding: 10px 12px; }
body.msja-mobile .msja-backdrop { position: fixed; inset: 44px 0 0; z-index: 1030; background: rgba(0,0,0,.38); border: 0; width: 100%; cursor: pointer; }
body.msja-mobile .msja-backdrop[hidden] { display: none; }
body.msja-mobile .msj-heading { flex-wrap: wrap; gap: 5px; }
@media (orientation: landscape) {
 body.msja-mobile .content-header { padding-top: 8px; }
 body.msja-mobile .content { padding-top: 8px; }
 body.msja-mobile .content-header h1 { font-size: 21px; }
 body.msja-mobile .modal-body { max-height: calc(100vh - 160px); }
}
@media (max-width: 479px) {
 body.msja-mobile .content .col-sm-6, body.msja-mobile .content .col-md-6, body.msja-mobile .content .col-md-8, body.msja-mobile .content .col-md-4 { float: none; width: 100%; }
 body.msja-mobile .main-header .navbar-custom-menu .user-menu > a > span { display: none; }
}