/* XectorEdu portal mobile flow v1 */
@media(max-width:900px){
body{margin:0;max-width:100%;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
.portal-shell,.app-shell{min-width:0!important;max-width:100%}
.main,.main-content,.content,.view,main{min-width:0!important;max-width:100%}
h1,h2,h3,h4,p,label,.brand,.top-title,.card-title{overflow-wrap:anywhere}
.topbar,.toolbar,.page-head,.page-header,.top,.actions,.filters{flex-wrap:wrap!important;gap:10px}
.top-title{min-width:0;flex:1 1 160px}
.top-title small,.profile-head div{display:block!important;white-space:normal}
input,select,textarea{max-width:100%;min-width:0}
.form-grid,.form-row,.fields-grid,.info-grid{grid-template-columns:minmax(0,1fr)!important}
button,input[type=submit],.btn,.button{min-height:44px;white-space:normal;max-width:100%}
img,video,iframe{max-width:100%}
.table-wrap,.table-wrapper,.table-responsive,.xe-mobile-table{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.xe-mobile-table table{width:100%;min-width:560px}
}
@media(max-width:600px){
.action-grid,.quick-stats,.stats-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.action-tile,.stat,.metric,.card{min-width:0;overflow-wrap:anywhere}
.hero,.dashboard-grid,.classroom-mode-grid{grid-template-columns:minmax(0,1fr)!important;height:auto!important}
.filters>*{flex:1 1 100%;width:100%}
}
@media(max-width:360px){.action-grid,.quick-stats,.stats-grid,.metrics-grid{grid-template-columns:minmax(0,1fr)!important}}