.demo-mobile-bar,.demo-mobile-shade{display:none}
@media(max-width:760px){
html,body{min-width:0!important;width:100%!important;height:auto!important;overflow:visible!important}
body{padding-top:56px!important;overflow-x:clip!important}
.demo-mobile-bar{display:flex;position:fixed;inset:0 0 auto;z-index:10010;height:56px;align-items:center;gap:12px;padding:8px 14px;background:#fff;border-bottom:1px solid #e2e8f0;color:#172033;font:14px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.demo-mobile-bar a{color:#dc2626;font-weight:600;text-decoration:none;margin-left:auto;font-size:13px}
.demo-mobile-bar button{background:#eef2f7;border:0;border-radius:8px;color:#172033;padding:9px 12px;font:inherit}
.demo-mobile-sidebar{display:flex!important;position:fixed!important;inset:56px auto 0 0!important;width:280px!important;max-width:85vw!important;height:calc(100dvh - 56px)!important;z-index:10009!important;overflow:auto!important;transform:translateX(-110%);visibility:hidden;transition:transform .2s,visibility .2s}
body.demo-menu-open .demo-mobile-sidebar{transform:none;visibility:visible}
body.demo-menu-open .demo-mobile-shade{display:block;position:fixed;inset:56px 0 0;background:#0f172a80;z-index:10008;border:0;width:100%;height:calc(100dvh - 56px)}
.app{display:block!important;grid-template-columns:1fr!important;height:auto!important;min-width:0!important;overflow:visible!important}
.main,.content{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;height:auto!important;overflow:visible!important}
.main{padding:12px!important;overflow-x:clip!important}.main:has(>.content){padding:0!important}.content{padding:14px!important}
.card-h .sub{min-width:0;max-width:100%;overflow-x:auto}
.demo-mobile-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.demo-mobile-grid>*{min-width:0!important;grid-column:auto!important;grid-row:auto!important}
.demo-mobile-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.demo-mobile-kpis .val,.demo-mobile-kpis .value{font-size:26px!important}
.demo-mobile-sidebar{flex-direction:column!important}
.topbar,.top-bar,.toolbar,.page-header,.page-head,.card-h{height:auto!important;min-height:0!important;flex-wrap:wrap!important;gap:10px!important;padding:12px!important}
.topbar .search,.topbar .searchbox{min-width:0!important;width:100%!important;max-width:100%!important}
.card,.panel{min-width:0!important;max-width:100%!important}
.card-b,.card-body,.bd{max-width:100%;overflow-x:auto}
.demo-mobile-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.demo-mobile-scroll table{min-width:600px;width:100%}
.demo-mobile-scroll>svg{min-width:520px!important}
input,select,textarea{max-width:100%;font-size:16px!important}
.modal,.dialog{max-width:calc(100vw - 24px)!important;max-height:90dvh;overflow:auto}
.th-header,.th-left,.th-right{flex-wrap:wrap!important;height:auto!important;min-width:0!important}
}
@media(prefers-reduced-motion:reduce){.demo-mobile-sidebar{transition:none}}