.school-brand{display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:0;flex-shrink:0}.school-brand img{display:block;width:56px;height:56px;min-width:56px;object-fit:contain;background:#fff;border-radius:50%;flex:none}.school-brand>span{display:block;min-width:0;line-height:1.4;letter-spacing:0}.school-brand strong{display:block;font-size:15px;font-weight:800;letter-spacing:0;white-space:nowrap}.school-brand small{display:block;font-size:10px;font-weight:550;letter-spacing:1.5px;margin-top:4px;white-space:nowrap}.sidebar .brand.school-brand{height:110px;min-height:110px;margin:0;padding:16px 12px;justify-content:flex-start;order:-1;gap:8px}.sidebar .school-brand>span:after{content:none!important}.sidebar .school-brand>span{display:block}.sidebar .school-brand img{width:40px;height:40px;min-width:40px}.sidebar .school-brand strong{font-size:12px}.sidebar .school-brand small{font-size:10px}.school-header-brand,.school-login-brand,.school-app-brand{display:none}.auth-screen .school-login-brand{display:flex;position:absolute;top:22px;left:32px;z-index:5;color:white}.school-login-brand strong{font-size:clamp(14px,1.4vw,18px)}.auth-screen #main{padding-top:125px!important}body.app-standalone .sidebar .brand.school-brand{min-height:110px;height:auto;padding:12px 8px}body.app-standalone .sidebar .school-brand>span{font-size:10px!important;line-height:1.4}body.app-standalone .sidebar .school-brand strong{font-size:12px}
@media(max-width:1100px){body:not(.auth-screen):not(.app-standalone) .topbar{height:auto!important;min-height:110px;display:flex;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px}body:not(.auth-screen):not(.app-standalone) .school-header-brand{display:flex;flex-basis:100%;color:#174475}.school-header-brand img{width:42px;height:42px;min-width:42px}.school-header-brand strong{font-size:14px}.school-header-brand small{font-size:9px}.sidebar .brand.school-brand{justify-content:center;padding:10px;min-height:85px;height:85px}.sidebar .brand.school-brand>span{display:none}.sidebar .school-brand img{width:48px;height:48px;min-width:48px}body.app-standalone .sidebar .school-brand img{width:40px;height:40px;min-width:40px}}
@media(max-width:999px){body.app-standalone .school-app-brand{display:flex!important;flex:1;min-width:0;gap:8px;color:white;text-decoration:none!important}.school-app-brand img{width:36px;height:36px;min-width:36px}#app-topbar .school-app-brand strong{flex:none;font-size:clamp(10px,3vw,13px);line-height:1.4}.school-app-brand small{font-size:8px}body.app-standalone #app-page-title{display:none}body.app-standalone #app-topbar{gap:8px}body.app-standalone #app-topbar>a:last-child{display:none}body.app-standalone .sidebar .brand.school-brand>span{display:block}}
@media(max-width:700px){.auth-screen .school-login-brand{top:18px;left:20px;gap:8px}.auth-screen .school-login-brand img{width:44px;height:44px;min-width:44px}.auth-screen #main{padding-top:110px!important}.school-login-brand strong{font-size:clamp(12px,3.7vw,15px)}}
@media print{.school-login-brand,.school-app-brand{display:none!important}}

/* Let school identity reserve its own height on mobile instead of overlaying the welcome text. */
@media(max-width:1000px){body.auth-screen .school-login-brand{position:relative;top:auto;left:auto;width:calc(100% - 40px);max-width:460px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 0 24px;align-items:center}body.auth-screen .school-login-brand>span{flex:1;min-width:0}body.auth-screen #main{min-height:0;padding-top:0!important;padding-bottom:calc(48px + env(safe-area-inset-bottom))!important}}