/* Readable school workspace scale and registrar layout. Loaded after school.css. */
.school-shell{grid-template-columns:260px minmax(0,1fr)}
body:has(.school-shell) #app-navigation a,body:has(.school-shell) #app-navigation button{font-size:.88rem}body:has(.school-shell) #app-navigation .signed-in-identity{font-size:.78rem}
.school-shell>aside{background:linear-gradient(180deg,#0b343b 0%,#102b33 56%,#09242b 100%);box-shadow:8px 0 28px rgba(15,23,42,.09)}
.school-brand b{font-size:1rem}.school-brand small{font-size:.72rem}.school-shell>aside nav a{font-size:.9rem;padding:.8rem .85rem}.school-shell>aside nav small{font-size:.68rem!important}.school-shell>aside footer{font-size:.78rem}
.school-shell>main{max-width:1680px;margin:0;padding:2rem clamp(1.25rem,2.7vw,3rem)}
.school-page-head{margin-bottom:1.35rem}.school-page-head span{font-size:.74rem}.school-page-head h1{font-size:clamp(2rem,2.5vw,2.65rem);line-height:1.08}.school-page-head p{font-size:1rem;line-height:1.55;max-width:900px}.school-page-head>a,.school-form button,.school-search button{font-size:.9rem;padding:.78rem 1rem}
.school-panel{border-color:#cddde1;border-radius:18px;padding:1.25rem;box-shadow:0 10px 30px rgba(15,23,42,.045)}.school-panel summary{font-size:1.05rem}.school-panel h2{font-size:1.1rem}.school-panel h3{font-size:.95rem}.school-panel>p,.school-panel>a,.school-back{font-size:.88rem}
.school-form{gap:.9rem}.school-form p{font-size:.82rem}.school-form input,.school-form select,.school-form textarea,.school-search input{min-height:45px;border-color:#b8cbd1;border-radius:10px;padding:.72rem .8rem;font-size:.95rem}.school-form textarea{min-height:92px}.school-form .helptext{font-size:.72rem}.school-form .errorlist{font-size:.78rem}
.school-panel table{font-size:.83rem}.school-panel th{font-size:.68rem}.school-panel th,.school-panel td{padding:.75rem .8rem}.school-panel td small{display:block;color:#64748b;margin-top:.2rem}
.registrar-heading{padding:.5rem 0}.registrar-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.registrar-path article{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border:1px solid #bde3df;border-radius:15px;background:linear-gradient(135deg,#fff,#effcf9);box-shadow:0 8px 24px rgba(15,118,110,.06)}.registrar-path article>span,.registrar-complete-form legend span{display:grid;place-items:center;flex:0 0 2.15rem;height:2.15rem;border-radius:12px;background:#0f8f83;color:#fff;font-weight:900}.registrar-path b,.registrar-path small{display:block}.registrar-path b{font-size:1rem}.registrar-path small{margin-top:.18rem;color:#64748b;font-size:.78rem;line-height:1.4}
.registrar-intake{padding:0;overflow:hidden}.registrar-intake>summary{display:flex;align-items:center;gap:.7rem;padding:1.25rem 1.4rem;background:linear-gradient(90deg,#073b42,#0f766e);color:#fff;list-style:none;font-size:1.2rem}.registrar-intake>summary::-webkit-details-marker{display:none}.registrar-summary-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:10px;background:#f5c451;color:#153039}.registrar-lead{margin:.95rem 1.4rem 0!important;color:#536b78!important;line-height:1.55}
.registrar-complete-form{padding:1.25rem 1.4rem 1.5rem}.registrar-complete-form fieldset{margin:0 0 1.25rem;padding:1.15rem;border:1px solid #cfdfe3;border-radius:15px;background:#fbfdfd}.registrar-complete-form legend{display:flex;align-items:center;gap:.65rem;padding:0 .45rem;font-size:1rem;font-weight:900;color:#17313a}.registrar-complete-form legend span{display:inline-grid;width:1.75rem;height:1.75rem;border-radius:8px;font-size:.78rem}.fieldset-help{margin:.15rem 0 1rem;color:#64748b;font-size:.84rem}.registrar-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.registrar-fields p{display:flex;min-width:0;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:800;color:#405462}.registrar-fields input,.registrar-fields select,.registrar-fields textarea{width:100%;min-height:46px;border:1px solid #b8cbd1;border-radius:10px;background:#fff;padding:.72rem .8rem;font-size:.95rem;font-weight:500;color:#142631}.registrar-fields textarea{min-height:84px}.registrar-fields input:focus,.registrar-fields select:focus,.registrar-fields textarea:focus{outline:3px solid rgba(20,184,166,.16);border-color:#0f8f83}.registrar-fields .helptext{font-size:.72rem;font-weight:500;color:#718596}.registrar-fields .errorlist,.registrar-form-error{color:#b42318;font-size:.78rem}.registrar-fields p:has(textarea){grid-column:span 2}.guardian-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.registrar-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.registrar-actions a{padding:.8rem 1rem;font-size:.9rem;font-weight:800;color:#526775}.registrar-actions button{border:0;border-radius:11px;background:#0f8f83;color:#fff;padding:.85rem 1.2rem;font-size:.95rem;font-weight:900}.registrar-actions button:hover{background:#0b6f67}
.registrar-existing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.registrar-short-form{padding:.2rem}.registrar-help-card{border-radius:18px;padding:1.5rem;color:#fff;background:linear-gradient(135deg,#0b3440,#0f766e);box-shadow:0 12px 30px rgba(15,118,110,.15)}.registrar-help-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#99f6e4}.registrar-help-card h2{font-size:1.35rem;font-weight:900;margin:.45rem 0}.registrar-help-card p{color:#d5e9e8;font-size:.9rem;line-height:1.55}.registrar-help-card a{display:inline-block;margin-top:1rem;border-radius:9px;background:#fff;padding:.7rem .9rem;color:#075b56;font-size:.87rem;font-weight:900}.registrar-register{margin-top:1rem}.registrar-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.registrar-section-heading span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#0f766e}.registrar-section-heading h2{margin:.2rem 0 0}.registrar-section-heading a{color:#0f766e;font-size:.86rem;font-weight:900}
@media(max-width:1100px){.registrar-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.registrar-path{grid-template-columns:1fr}.registrar-existing-grid{grid-template-columns:1fr}}
@media(max-width:900px){.school-shell{grid-template-columns:1fr}.school-shell>main{padding:1.25rem}.school-shell>aside nav a{font-size:.85rem}}
@media(max-width:650px){.registrar-fields{grid-template-columns:1fr}.registrar-fields p:has(textarea){grid-column:auto}.registrar-complete-form,.registrar-intake>summary{padding-left:1rem;padding-right:1rem}}
