/* FIX10 mobile-first overrides. Desktop keeps the existing layout. */
.mobile-fold10>summary,.mobile-story10>summary{cursor:pointer;font-weight:650;min-height:48px;padding:14px 16px;box-sizing:border-box}
.mobile-fold10{border:1px solid var(--border,#ead7da);border-radius:12px;background:var(--surface,#fff);margin:12px 0}.mobile-fold10>section{margin:0;border:0;box-shadow:none}.mobile-fold10[open]>summary{border-bottom:1px solid var(--border,#ead7da)}
@media(max-width:820px){
 html{scroll-padding-top:64px}body{font-size:16px}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}button,a{touch-action:manipulation}
 .button,.icon-button,.filter-chip,.class-chip,.tab-item,.segmented>button{min-height:44px!important}.icon-button,.segmented>button{min-width:44px!important}.main-content{padding:16px 16px calc(96px + env(safe-area-inset-bottom))!important}
 .page-head{display:block;margin-bottom:16px}.page-title{font-size:25px!important;line-height:1.3}.page-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.page-actions>.button{flex:1;min-width:120px;font-size:14px}.page-description{font-size:14px;line-height:1.5}
 #viewDashboard .page-description{display:none}.kpi-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.kpi-grid-3 .kpi{padding:12px 10px!important;min-height:100px}.kpi-grid-3 .kpi-top{font-size:13px}.kpi-grid-3 .kpi-icon,.kpi-grid-3 .kpi-meta{display:none}.kpi-grid-3 .kpi-value{font-size:26px!important}.dashboard-grid{display:block}.mobile-fold10 .card-pad{padding:16px}.mobile-fold10 .card-head{flex-wrap:wrap;gap:8px}.mobile-fold10 .student-tags{flex-wrap:wrap}
 .auth-screen:not([hidden]){padding:16px!important;gap:12px!important}.auth-screen .auth-card{order:0;justify-content:flex-start;padding:20px!important}.auth-screen .welcome07{order:1;padding:12px!important;background:#fff!important;border-radius:12px}.auth-screen .welcome-brand06{display:none}.auth-screen .welcome07>a{display:none}.auth-screen .mobile-story10 .story08{padding:16px 0;background:#fff;border:0}.auth-screen .auth-card h1{font-size:24px;margin:0 0 8px}.auth-screen .auth-sub{margin:0 0 16px}.auth-screen .field{margin-bottom:12px}.auth-screen .field>span{font-size:14px}.auth-screen .auth-tabs{margin:0 0 16px}.auth-screen .auth-note{font-size:14px!important;line-height:1.5;margin:12px 0 0}.auth-screen .auth-card label{gap:6px}.auth-screen .auth-card .field input{min-height:46px}
 #ambient04,#ambient06,#shellMascot06,#hello07,#tip07{display:none!important}.glass06 .topbar,.glass06 .sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ribbon07:after{display:none!important}
 .student-row05{grid-template-columns:44px minmax(0,1fr)!important;padding:14px!important;gap:12px!important}.student-row05 .row-actions{grid-column:1/-1;display:flex;gap:8px}.student-row05 .row-actions .button{flex:1}.student-row05 .student-note05{grid-column:1/-1}.student-row05 .student-attendance05{grid-column:2}.student-row05 .avatar{width:44px;height:44px}.student-list{overflow:hidden}.student-toolbar{flex-wrap:wrap;gap:10px}.student-toolbar .search-box{width:100%}
 .filter-bar,.filter-chips{flex-wrap:wrap;gap:8px}.form-grid{grid-template-columns:1fr!important}.dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.dialog-card{padding:16px!important;max-height:calc(100dvh - 24px);overflow:auto}.dialog-actions{gap:8px;flex-wrap:wrap}.dialog-actions>.button{flex:1;min-width:110px}
 .day-row{flex-wrap:wrap;gap:10px}.day-row-name{width:100%}.day-row>input{width:100%;min-width:0}.table-wrap,.attendance-table-wrap,.preview-table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.mobile-tabbar .tab-item b{font-size:12px}.profile09 .teacher-banner{height:120px!important}.donate-grid .card-pad{padding:18px}.donate-qr{margin:auto}.chat-home{gap:12px}.chat-home .chat-search{order:0}.chat-home .chat-toggle{order:1}.chat-list-head{order:2}.chat-list{order:3}.support-box{order:4}.chat-window{font-size:16px}.chat-title strong{font-size:16px}.chat-title small{font-size:12px}.chat-person b{font-size:15px}.chat-toggle small{font-size:13px}.chat-back{font-size:14px}.chat-message time{font-size:12px}.chat-compose textarea{font-size:16px}.chat-window.minimized{bottom:80px;top:auto;height:54px}
}

@media(max-width:820px){.mobile-tabbar .nav-item b{display:block!important;opacity:1!important;visibility:visible!important;font-size:11px!important;width:auto!important}.mobile-tabbar .nav-item{display:flex!important;flex-direction:column;gap:4px;justify-content:center}.student-row.draft{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:14px!important}.student-row.draft>.avatar{display:none}.student-row.draft .draft-fields{display:grid;grid-template-columns:1fr;gap:10px;width:100%;min-width:0}.student-row.draft input{width:100%;min-width:0}.student-row.draft .row-actions{display:flex;gap:8px;justify-content:flex-end}.student-row.draft .row-actions .button{flex:1}.search-box>span{display:none}.search-box input{padding-left:12px!important}.attendance-top-grid{display:block}.attendance-top-grid>.card{margin-bottom:12px}.attendance-stats{gap:6px}.mini-stat{padding:10px 6px}.mini-stat span{font-size:12px}.attendance-layout{gap:12px}.page-description{margin:8px 0}}
@media(max-width:820px){.student-row.draft{display:flex!important;flex-direction:column!important;align-items:stretch!important}.student-row.draft .draft-fields{grid-column:auto!important}.student-row.draft .row-actions{width:100%;grid-column:auto!important;position:static!important}.student-row05 .student-note05,.student-row05>.row-actions{grid-column:1/-1!important}}