.page-heading,.section-heading,.member-summary,.copy-row,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-heading{margin-bottom:24px}.page-heading h1{margin:3px 0 6px}.member-admin-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.8fr);gap:24px;align-items:start}.member-list,.admin-side{display:grid;gap:16px}.count-pill{display:grid;place-items:center;min-width:38px;height:38px;border-radius:999px;background:#e7f7f8;color:#087a82;font-weight:800}.member-card{padding:0;overflow:hidden}.member-summary{padding:20px 22px}.member-summary h3{margin:0 0 4px}.member-summary p{margin:0;color:#718198}.member-avatar{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:linear-gradient(145deg,#0b8290,#0f536b);color:#fff;font-size:19px;font-weight:800}.member-summary>div{margin-right:auto}.role-chip{border-radius:999px;padding:7px 11px;background:#e9f2fb;color:#17679b;font-size:12px;font-weight:800}.role-chip.school_admin{background:#efe9fb;color:#7654aa}.member-card details{border-top:1px solid #e8eef4}.member-card summary{padding:14px 22px;cursor:pointer;color:#176b8b;font-weight:750;list-style:none}.member-card summary::after{content:'+';float:right;font-size:20px}.member-card details[open] summary::after{content:'−'}.member-editor{padding:4px 22px 18px}.member-editor fieldset,.invite-form fieldset{border:0;padding:0;margin:15px 0}.member-editor legend,.invite-form legend{font-size:13px;font-weight:800;margin-bottom:10px}.class-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.class-check-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px;overflow:auto;padding-right:4px}.check-tile{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:10px;border:1px solid #dce7ef;border-radius:11px;background:#f9fbfd;cursor:pointer}.check-tile:has(input:checked){border-color:#16a4aa;background:#edfbfa}.check-tile input{width:auto;margin:0}.check-tile span{display:grid}.check-tile small{color:#7b8da0}.link-danger{margin:0 22px 18px;background:transparent;border:0;padding:0}.invite-form{position:sticky;top:18px}.invite-form h2,.pending-card h2{margin-top:3px}.full{width:100%;text-align:center;justify-content:center}.invite-result{border-left:5px solid #13aaa8;margin-bottom:24px}.invite-result>div:first-child{margin-bottom:14px}.copy-row input{font-family:ui-monospace,monospace}.pending-invite{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #e6edf3}.pending-invite:first-of-type{margin-top:12px}.pending-invite div{display:grid;gap:3px}.pending-invite small{color:#738499}.icon-danger{border:0;background:#fff0f0;color:#bd3e3e;border-radius:9px;width:32px;height:32px;font-size:20px}.invitation-page{min-height:100vh;background:linear-gradient(135deg,#073f51 0,#0a5f70 48%,#eef7f9 48%);display:grid;place-items:center;padding:30px}.invitation-page main{margin:0}.invitation-shell{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.invitation-brand{color:#fff}.invitation-brand .eyebrow{color:#73e0dc}.invitation-brand h1{font-size:44px;line-height:1.08;margin:12px 0 18px}.invitation-brand>p:last-child{color:#d8edf0;max-width:460px;line-height:1.7}.invitation-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:#0c6d79;font-size:28px}.invitation-card{padding:30px}.invitation-card dl{display:grid;gap:0;margin:20px 0}.invitation-card dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #e7edf2}.invitation-card dt{color:#75869a}.invitation-card dd{margin:0;text-align:right;font-weight:750}.existing-account{padding:14px;border-radius:12px;background:#edf8f8;color:#165f68}.invite-expiry{text-align:center;color:#7a8999;font-size:12px;margin:16px 0 0}
@media(max-width:1050px){.member-admin-grid{grid-template-columns:1fr}.invite-form{position:static}.class-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.page-heading,.member-summary,.copy-row{align-items:flex-start;flex-wrap:wrap}.class-check-grid,.class-check-grid.compact{grid-template-columns:1fr}.invitation-page{background:#edf6f8;padding:18px}.invitation-shell{grid-template-columns:1fr;gap:22px}.invitation-brand{color:#083f51}.invitation-brand>p:last-child{color:#4e7180}.invitation-brand h1{font-size:34px}.invitation-card{padding:22px}.copy-row input{width:100%}}