/* SchoolOS unified UI layer; intentionally loaded after legacy page styles. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:#1e293b}#schoolos-app{min-width:0}#saas-sidebar{box-shadow:12px 0 32px rgba(15,23,42,.08)}
.nav-label{padding:0 12px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.14em}.nav-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border-radius:10px;color:#cbd5e1;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{background:rgba(99,102,241,.18);color:#fff}.nav-link.active{box-shadow:inset 3px 0 #818cf8}
#schoolos-app>header{margin:0;z-index:30}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{max-width:100%;font:inherit}.field,input.field,select.field,textarea.field{box-sizing:border-box;width:100%;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:11px 13px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.field:focus,input:focus,select:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.13)}button,.btn,.primary-btn{cursor:pointer;transition:filter .15s,transform .15s}button:hover,.btn:hover,.primary-btn:hover{filter:brightness(.98)}.card,.student-card,.form-card{border-radius:16px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.table,.scroll table,table{width:100%;border-collapse:separate;border-spacing:0}th{background:#f8fafc;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}th,td{padding:12px 14px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}tbody tr:hover{background:#f8fafc}img,svg,video{max-width:100%}.overflow-x-auto,.scroll{max-width:100%;overflow-x:auto}
@media(max-width:1023px){#saas-sidebar{width:16rem}#schoolos-app>header{padding-inline:1rem}}@media(max-width:640px){h1{overflow-wrap:anywhere}th,td{padding:10px;font-size:12px}.card{padding:16px}.student-form-page,.student-page{width:100%;max-width:100%}form{max-width:100%}}