/* Cross-browser responsive safety rules. Dashboard grids are applied by dashboard-reference.js. */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,iframe,table{max-width:100%}
.table-responsive,.widget-content,.widget-box{overflow-x:auto;-webkit-overflow-scrolling:touch}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{max-width:100%;box-sizing:border-box}
@media(max-width:767px){
 .container-fluid{padding-left:12px!important;padding-right:12px!important}
 .widget-block{max-width:100%;overflow-x:auto}
 .navbar .btn-navbar{min-height:40px;min-width:44px}
 .nav-collapse .nav>li>a{min-height:42px;display:flex;align-items:center}
 #main-content>.container-fluid>.row-fluid.dream-kpi-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;margin:0 0 16px!important}
 #main-content>.container-fluid>.row-fluid.dream-kpi-grid>[class*="span"]{width:auto!important;float:none!important;margin:0!important;min-width:0}
 #main-content .row-fluid>.span3 .stat-block{min-height:105px!important;margin:0!important;padding:12px!important}
}
@media(min-width:768px) and (max-width:1100px){.container-fluid{padding-left:18px;padding-right:18px}.widget-content{overflow-x:auto}}
#main-content .row-fluid>.span3 .stat-block{border:0!important;border-radius:9px!important;overflow:hidden;box-shadow:0 5px 16px rgba(20,35,70,.12)}
#main-content .row-fluid>.span3:nth-child(1) .stat-block{background:linear-gradient(120deg,#1769e8,#55a0ff)!important;color:#fff!important}
#main-content .row-fluid>.span3:nth-child(2) .stat-block{background:linear-gradient(120deg,#e83d75,#fa7195)!important;color:#fff!important}
#main-content .row-fluid>.span3:nth-child(3) .stat-block{background:linear-gradient(120deg,#13a878,#42d49a)!important;color:#fff!important}
#main-content .row-fluid>.span3:nth-child(4) .stat-block{background:linear-gradient(120deg,#f18a24,#ffb04e)!important;color:#fff!important}
#main-content .stat-block .stat-count,#main-content .stat-block .stat-count span{color:#fff!important}

/* Mobile/tablet compatibility layer: Android Chrome, iOS Safari and desktop */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{min-width:320px;max-width:100%;-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font:inherit}
button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img,svg,video,canvas{height:auto;max-width:100%}
.table-responsive{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media(max-width:767px){
 html,body{width:100%;overflow-x:hidden}
 body{font-size:14px}
 .container,.container-fluid{width:100%;max-width:100%;padding-left:12px!important;padding-right:12px!important}
 #main-content,.content,.content-wrapper,.main-content{width:100%;max-width:100%;min-width:0}
 .row-fluid{max-width:100%}
 .widget,.widget-box,.widget-content,.well,.box{max-width:100%;min-width:0}
 .widget-content{overflow-x:auto;-webkit-overflow-scrolling:touch}
 table{max-width:none}
 .dataTables_wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 input,select,textarea{font-size:16px!important;max-width:100%;min-height:40px}
 button,.btn{min-height:40px}
 .navbar .btn-navbar{min-width:44px;min-height:44px}
 .nav-collapse .nav>li>a{min-height:44px}
}
@media(max-width:480px){
 .content .widget-header{padding:10px 12px}
 .content .widget-content{padding:10px}
 .form-actions{display:flex;flex-wrap:wrap;gap:8px}
 .form-actions .btn{margin:0}
}
@supports(padding:max(0px)){
 body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}