/* Common mobile layer for Laravel HTML pages. No CSS framework required. */
body[data-mm-responsive] .mm-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body[data-mm-responsive] .mm-table-scroll:focus-visible{outline:3px solid #22b99a;outline-offset:2px}
.mm-mobile-backdrop{display:none}
@media screen and (max-width:900px){
 body[data-mm-responsive]{max-width:100%;overflow-wrap:break-word}
 body[data-mm-responsive] .app{display:block;min-width:0}
 body[data-mm-responsive] main,body[data-mm-responsive] .main{min-width:0;max-width:100%;width:auto}
 body[data-mm-responsive] .content{margin-left:0;width:auto;max-width:100%;padding:16px}
 body[data-mm-responsive] .panel,body[data-mm-responsive] .fcard{min-width:0;max-width:100%}
 body[data-mm-responsive] aside{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);height:100dvh;max-height:100dvh;z-index:80;transform:translateX(-110%);transition:transform .18s ease;overflow-y:auto}
 body[data-mm-responsive] aside.sidebar{left:0;display:flex}
 body[data-mm-responsive] aside.show,body[data-mm-responsive].menu-open aside{transform:translateX(0)}
 body[data-mm-responsive].menu-open{overflow:hidden}
 body[data-mm-responsive] .mobile-menu,body[data-mm-responsive] .mobile-toggle,body[data-mm-responsive] .sidebar-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
 body[data-mm-responsive] .mobile-toggle{position:fixed;left:12px;top:10px;z-index:75}
 body[data-mm-responsive] .sidebar-close{margin:10px;width:calc(100% - 20px)}
 body[data-mm-responsive] .topbar{max-width:100%;height:auto;min-height:64px;padding-left:72px;gap:10px;flex-wrap:wrap}
 body[data-mm-responsive] .profile{min-width:0;margin-left:auto;padding-left:10px}
 body[data-mm-responsive] .profile div{min-width:0}
 body[data-mm-responsive] .profile small{overflow-wrap:anywhere}
 body[data-mm-responsive] .mm-mobile-backdrop,body[data-mm-responsive] .menu-backdrop{position:fixed;inset:0;width:100%;height:100dvh;background:#0d213d80;border:0;border-radius:0;z-index:79;display:none}
 body[data-mm-responsive].menu-open .mm-mobile-backdrop,body[data-mm-responsive].menu-open .menu-backdrop{display:block}
 body[data-mm-responsive] .scroll,body[data-mm-responsive] .table-scroll,body[data-mm-responsive] .empty-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body[data-mm-responsive] .row{display:flex;flex-wrap:wrap;align-items:stretch}
 body[data-mm-responsive] .row>*{min-width:0;flex:1 1 220px}
 body[data-mm-responsive] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-mm-responsive] select,body[data-mm-responsive] textarea{box-sizing:border-box;max-width:100%;width:100%;font-size:16px;min-height:44px}
 body[data-mm-responsive] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-mm-responsive] select,body[data-mm-responsive] textarea{font-family:inherit;border:1px solid #cdd6e2;border-radius:9px;padding:10px;background:#fff;color:inherit}
 body[data-mm-responsive] input[type=checkbox],body[data-mm-responsive] input[type=radio]{width:22px;height:22px;vertical-align:middle;accent-color:#285c91}
 body[data-mm-responsive] label{overflow-wrap:anywhere;min-width:0}
 body[data-mm-responsive] button,body[data-mm-responsive] .btn,body[data-mm-responsive] .button{min-height:44px;white-space:normal;max-width:100%}
 body[data-mm-responsive] .nav-item,body[data-mm-responsive] aside a,body[data-mm-responsive] summary{min-height:44px}
 body[data-mm-responsive] img,body[data-mm-responsive] video{max-width:100%;height:auto}
 body[data-mm-responsive] .seal img{height:100%}
 body[data-mm-responsive] canvas{max-width:100%}
 body[data-mm-responsive] .hero-title{min-width:0}
 body[data-mm-responsive] .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body[data-mm-responsive] .quick{min-width:0;padding:12px;font-size:17px}
 body[data-mm-responsive] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body[data-mm-responsive] .stat{min-width:0}
 body[data-mm-responsive] .form-grid,body[data-mm-responsive] .grid2,body[data-mm-responsive] .grid3,body[data-mm-responsive] .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-mm-responsive] .pagination{overflow-x:auto;max-width:100%}
}
@media screen and (max-width:600px){
 body[data-mm-responsive] .content{padding:12px}
 body[data-mm-responsive] .auth{width:auto;max-width:100%;margin:12px}
 body[data-mm-responsive] .auth.panel{padding:18px}
 body[data-mm-responsive] .form-grid,body[data-mm-responsive] .grid,body[data-mm-responsive] .grid2,body[data-mm-responsive] .grid3,body[data-mm-responsive] .grid4,body[data-mm-responsive] .basic-grid,body[data-mm-responsive] .lower,body[data-mm-responsive] .mini-panels{grid-template-columns:minmax(0,1fr)!important}
 body[data-mm-responsive] .span2,body[data-mm-responsive] .span3,body[data-mm-responsive] .payments-panel{grid-column:auto}
 body[data-mm-responsive] .form-action .btn{width:100%}
 body[data-mm-responsive] .admin-card{padding:16px}
 body[data-mm-responsive] .hero{padding:18px;border-radius:18px}
 body[data-mm-responsive] .hero h2{font-size:22px}
 body[data-mm-responsive] .hero-icon{width:44px;height:44px}
 body[data-mm-responsive] .hero-title{gap:12px}
 body[data-mm-responsive] .profile div{display:none}
 body[data-mm-responsive] .table-head{gap:10px;flex-wrap:wrap;font-size:16px}
 body[data-mm-responsive] .table-head a{min-height:44px;display:inline-flex;align-items:center}
 body[data-mm-responsive] .stat strong{font-size:19px}
 body[data-mm-responsive] .footer-strip{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){body[data-mm-responsive] aside{transition:none}}