/* Nasaq mobile layout: progressively enhances the same authenticated app. */
*{box-sizing:border-box}html{scroll-padding-top:18px}body{overflow-wrap:break-word}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #bd913e;outline-offset:3px}.mobile-nav-toggle{display:none}.install-app{background:#c8a766;color:#102b44;border:0;font-size:14px;white-space:nowrap}.connection-status{padding:11px 18px;margin:10px auto;background:#fff0d4;color:#704c10;border:1px solid #dfc17d;border-radius:10px;max-width:1400px}.install-dialog{border:0;border-radius:18px;padding:24px;max-width:min(490px,calc(100vw - 30px));color:#142c42;box-shadow:0 15px 70px #0005;line-height:1.9}.install-dialog::backdrop{background:#0b2338aa}.install-dialog h2{margin-top:0}.install-dialog ol{padding-inline-start:25px}.install-dialog .actions{justify-content:flex-end}.install-dialog p{overflow-wrap:anywhere}.install-dialog button{width:auto}.mobile-section-name{font-size:13px;font-weight:normal;color:#ddcfae}.table-wrap{max-width:100%;overscroll-behavior-inline:contain}.content-card{overflow-wrap:anywhere}input,textarea{max-width:100%}footer{line-height:1.9}
@media(max-width:900px){
 main{margin:14px auto;padding:0 12px}header{padding:14px 16px;gap:12px;flex-wrap:wrap}header h1{font-size:23px}header h1 small{font-size:15px}.header-logo{width:49px;height:49px}header .school{font-size:12px;gap:8px}.install-app{margin:0;min-height:40px;padding:8px 13px}#dashboard .workspace{display:flex;flex-direction:column;gap:12px}#dashboard .side{padding:7px 12px;min-height:0;border-radius:12px;position:relative}#dashboard .side-brand,#dashboard .side .copyright{display:none}.mobile-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;color:#fff;border:0;text-align:right;gap:12px;margin:0;padding:9px 4px}.mobile-nav-toggle strong{display:block}#dashboard .side nav{display:none;margin:10px 0;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}#dashboard .side.nav-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#dashboard nav button{font-size:13px;line-height:1.6;padding:12px 9px;overflow-wrap:anywhere}#dashboard .topbar{padding:10px 14px;margin-bottom:12px;justify-content:flex-end}#dashboard .topbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#dashboard .topbar details{position:relative}#dashboard .topbar details[open]{width:100%}#dashboard .topbar details summary{min-height:40px;display:flex;align-items:center}.content-card{padding:16px;min-height:380px}.school-banner{height:175px;padding:18px}.school-banner h2{font-size:22px}.hero{padding:20px}.hero h2{font-size:22px}.hero p{font-size:13px;line-height:1.9}.stat-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:14px;box-shadow:none}.stat span{font-size:12px}.stat strong{font-size:25px}.toolbar h2{font-size:20px}.school-chooser{padding:12px}.school-chooser label{display:block}.school-chooser select{display:block;width:100%;max-width:100%;margin:8px 0}.school-chooser .muted{font-size:12px}.notice-board{padding:15px}.record-card{padding:15px}.record-card h3{font-size:18px}.record-card .muted{font-size:12px;line-height:1.9}.record-form{padding:15px}.two-col{grid-template-columns:1fr}.actions{gap:7px}.data-table td,.data-table th{min-width:115px;vertical-align:top}.shortcut{padding:15px}.shortcut-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut .symbol{font-size:23px}.home-panels{grid-template-columns:1fr}input,select,textarea{font-size:16px;min-height:44px}input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px;vertical-align:middle}.people-grid label{min-height:48px;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.toolbar input{width:100%;max-width:none}.toolbar{gap:9px}.record-details{line-height:1.9}.install-dialog{padding:20px}#message{font-size:14px;line-height:1.9}
}
@media(max-width:420px){header h1{font-size:20px}header h1 small{display:block;margin-top:5px;font-size:12px}header .school{max-width:68%}header .school span{font-size:11px}.content-card{padding:12px}.school-banner{height:150px}.school-banner h2{font-size:19px}.hero h2{font-size:20px}.record-card .actions>button{width:100%}.toolbar>h2{flex-basis:100%}.toolbar>button{flex:1}.stat-grid,.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:12px}.stat small{font-size:11px}.record-card{padding:12px}.notice-board{padding:12px}.data-table{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.mobile-nav-toggle,.install-app,.connection-status,.install-dialog{display:none!important}#dashboard .workspace{display:block!important}#dashboard .side{display:none!important}.table-wrap{overflow:visible!important}.data-table td,.data-table th{min-width:0}header{display:none!important}}