/* Role-specific responsive rules, loaded after the Bootstrap template. */
@media(min-width:992px){.hub-body .sidebar{width:250px;flex-shrink:0}.hub-body .main-panel{width:calc(100% - 250px);min-width:0}.hub-body .navbar-brand-wrapper{width:250px}.hub-body .navbar-menu-wrapper{width:calc(100% - 250px)}.hub-body.sidebar-icon-only .sidebar{width:75px}.hub-body.sidebar-icon-only .main-panel{width:calc(100% - 75px)}.hub-body.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title{display:none}.hub-body.sidebar-icon-only .navbar-brand-wrapper{width:75px}.hub-body.sidebar-icon-only .navbar-menu-wrapper{width:calc(100% - 75px)}.hub-body.sidebar-icon-only .hub-brand{display:none!important}.hub-body.sidebar-icon-only .brand-logo-mini{display:block}}
@media(max-width:1199px){.hub-body .content-wrapper{padding:24px}.hub-stat-value{font-size:1.35rem}.hub-nav-profile span{display:none}.hub-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.hub-body .main-panel{width:100%;min-width:0}.hub-body .sidebar-offcanvas{position:fixed;top:64px;bottom:0;right:auto;left:0;height:calc(100dvh - 64px);width:260px!important;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto;z-index:1040;background:#fff;visibility:hidden}.hub-body .sidebar-offcanvas.active{transform:translateX(0);visibility:visible}.hub-body .navbar{height:64px}.hub-body .navbar-brand-wrapper{height:64px;width:205px;background:#fff}.hub-body .navbar-menu-wrapper{height:64px;width:calc(100% - 205px);padding:0 16px}.hub-body .page-body-wrapper{padding-top:64px}.hub-body .brand-logo-mini{display:none}.hub-body .brand-logo{display:flex!important}.hub-body.menu-open{overflow:hidden}.hub-body.menu-open .hub-backdrop{display:block;position:fixed;inset:64px 0 0;background:#17243b66;border:0;z-index:1035}.hub-page-heading{align-items:flex-start}.hub-date{display:none}.hub-login-intro{padding:36px 24px}.hub-login-form{padding:32px 24px}}
@media(max-width:767px){.hub-body .content-wrapper{padding:20px 16px}.hub-page-heading h1{font-size:1.4rem}.hub-page-heading p:not(.hub-eyebrow){font-size:.82rem;line-height:1.6}.hub-body .card-body{padding:20px 16px}.hub-stat{margin-bottom:16px}.hub-stat .card-body{min-height:112px;padding:16px}.hub-stat-icon{width:34px;height:34px;font-size:16px}.hub-stat-value{font-size:1.25rem}.hub-welcome .card-body{padding:24px 20px}.hub-welcome h2{font-size:1.3rem}.hub-welcome p{font-size:.85rem}.hub-welcome-icon{display:none}.hub-card-heading{flex-wrap:wrap;align-items:flex-start}.hub-table-toolbar{flex-wrap:wrap;gap:10px}.hub-search{max-width:none;flex-basis:100%}.hub-table-toolbar>.form-select{width:100%}.hub-actions{width:100%}.hub-actions .btn{flex:1}.hub-table td,.hub-table th{padding:12px 10px}.hub-table-footer{flex-wrap:wrap}.hub-filters{gap:12px}.hub-body .footer{padding:20px 16px;font-size:.72rem}.hub-demo-note{line-height:1.6}.hub-demo-note .btn{margin-left:0}.hub-login-layout{grid-template-columns:1fr;max-width:460px}.hub-login-intro{display:none}.hub-login{padding:16px}.hub-chart{height:190px}.hub-body .modal-dialog{margin:12px}.hub-body .modal-dialog-scrollable{height:calc(100% - 24px)}}
@media(max-width:480px){.hub-body .navbar-brand-wrapper{width:172px;padding:0 10px}.hub-brand{font-size:17px!important;gap:8px}.hub-brand-mark{width:30px;height:30px;font-size:21px}.hub-brand small{font-size:6px}.hub-body .navbar-menu-wrapper{width:calc(100% - 172px);padding:0 10px}.hub-role-label{display:none}.hub-body .navbar .navbar-nav .nav-item{margin:0 4px}.hub-filters{grid-template-columns:1fr}.hub-stat .card-body{gap:6px}.hub-stat-icon{display:none}.hub-stat-value{font-size:1.1rem}.hub-body .modal-body{padding:16px}.hub-login-form{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.hub-body *{transition:none!important;animation:none!important}}
@media print{.hub-body .navbar,.hub-body .sidebar,.hub-body .footer,.hub-demo-note,.hub-actions,.hub-table-toolbar,.hub-table-footer,.hub-backdrop,.hub-action-column{display:none!important}.hub-body .page-body-wrapper{padding:0}.hub-body .main-panel{width:100%}.hub-body .content-wrapper{padding:0;background:#fff}.hub-body .card{box-shadow:none;break-inside:avoid}.hub-body .table-responsive{overflow:visible}.hub-table td,.hub-table th{font-size:9px!important;white-space:normal!important}.hub-page-heading{margin-bottom:16px}.hub-body .hub-filters{display:flex;flex-wrap:wrap}.hub-body .hub-filters>div{flex:1}}@media(min-width:992px){.hub-body.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand.brand-logo{display:none!important}.hub-body.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{display:flex}.hub-body.sidebar-icon-only .navbar-brand-wrapper{gap:4px;padding:0 4px}.hub-body.sidebar-icon-only .hub-brand-mark{width:28px;height:28px;font-size:19px}.hub-body .page-body-wrapper{padding-top:70px}}
@media(max-width:991px){.hub-body .navbar .navbar-brand-wrapper{justify-content:flex-start!important;padding:0 16px}.hub-body .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{display:none}.hub-body .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link{margin:0 8px}.hub-body .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right{display:block;height:44px;padding:0 8px}.hub-body .sidebar-offcanvas{max-height:calc(100dvh - 64px)}}
@media(max-width:480px){.hub-body .navbar .navbar-brand-wrapper{padding:0 12px}.hub-brand small{letter-spacing:1px}.hub-body .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link{margin:0 4px}}@media(max-width:991px){.hub-body .sidebar-offcanvas{background:#191924}}
@media(max-width:767px){
    .hub-section-tabs{gap:4px}
    .hub-section-tabs .nav-item{flex:1 1 45%}
    .hub-section-tabs .nav-link{height:100%;padding:10px 12px;white-space:normal;text-align:center;font-size:.78rem}
}
@media print{.hub-section-nav{display:none!important}}


/* Popup actions remain accessible on small screens. */
@media(max-width:767px){
 .hub-body .hub-record-modal .modal-footer{padding:12px 16px;gap:8px}
 .hub-body .hub-record-modal .modal-dialog .modal-content .modal-footer > .btn{flex:1;min-width:0;margin:0;padding-left:12px;padding-right:12px;white-space:normal}
}