/* The same illustrated controls and colours as the studio and account dashboard. */
.required-star{color:#dc495b;font-weight:700}.school-fields{display:grid;gap:10px;margin:12px 0 18px}.school-input-row>label{display:block;font-weight:650;margin-bottom:5px}.school-input-row>div{display:flex;gap:8px}.school-input-row input{min-width:0;flex:1}.school-input-row .school-remove,.school-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #d5caed;background:#f8f4ff;border-radius:12px;color:#5f4988;cursor:pointer;padding:6px 10px}.school-input-row .school-remove{flex:0 0 42px}.school-fields .icon-svg{width:25px;height:25px}.school-add{justify-self:start}.classes-dialog{width:min(840px,94vw);max-height:90dvh}.classes-body{padding:8px 0 16px}.virtual-class-list{display:grid;gap:12px;margin-top:16px}.virtual-class-card{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:15px;border:2px solid #d6d0ed;border-radius:18px;background:linear-gradient(115deg,#f6f1ff,#f0fcf9);color:#3b365f;cursor:pointer}.virtual-class-card>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}.virtual-class-card strong{font-size:19px}.virtual-class-card small{font-size:14px;color:#756b8c}.virtual-class-symbol .icon-svg{width:45px;height:45px}.virtual-class-card>.icon-svg{width:26px;height:26px}.virtual-class-card:hover{border-color:#9c86d3;background:#f0ebff}.class-overview{display:flex;align-items:center;gap:18px;margin:14px 0 22px}.class-overview>div{min-width:0;flex:1}.class-overview h2{margin:0 0 5px}.class-overview p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.class-school{color:#6d6685;font-size:15px}.class-picture{flex:0 0 108px;margin:0;width:108px;height:108px;border-radius:20px;overflow:hidden;border:2px solid #d8ceef}.class-picture img{width:100%;height:100%;object-fit:cover}.classes-dialog button:not(.room-close){font:inherit;touch-action:manipulation}.classes-dialog button>.icon-svg,.class-roster h3>.icon-svg,.class-code-card .icon-svg,.exercise-class-tags .icon-svg{width:28px;height:28px;flex:0 0 28px}.class-overview>button,.class-code-card>button,.class-member>button,.class-student-search>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:6px;border:1px solid #d6caec;border-radius:12px;background:#f4efff;cursor:pointer}.class-code-card{display:flex;align-items:center;gap:14px;background:#f2edff;border:1px solid #d8cdef;border-radius:17px;padding:14px;margin-bottom:24px;flex-wrap:wrap}.class-code-card>span{display:flex;align-items:center;gap:8px;color:#6b5890}.class-code-card>strong{flex:1;min-width:0;font-size:22px;color:#5a3b91;overflow-wrap:anywhere;letter-spacing:.04em}.class-roster h3{display:flex;gap:8px;align-items:center}.class-student-search{display:flex;align-items:flex-end;gap:10px}.class-student-search>label{flex:1;min-width:0}.class-student-search input{width:100%;box-sizing:border-box}.class-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e0dcee;border-radius:12px;margin:7px 0;background:#fff}.class-member>span{display:flex;gap:10px;align-items:center;overflow-wrap:anywhere}.class-member>span>.icon-svg{width:28px;height:28px}.class-search-results:not(:empty){padding:10px;background:#ecf9f5;border-radius:15px;margin:12px 0}.class-members{margin:12px 0 24px}.virtual-class-form{display:grid;gap:16px}.virtual-class-form>label{display:block;font-weight:650}.virtual-class-form input,.virtual-class-form select,.virtual-class-form textarea{display:block;box-sizing:border-box;width:100%;margin-top:5px;border:1.5px solid #d7cdec;border-radius:12px;padding:11px 12px;background:#fff;font:inherit;color:#3c375f}.class-photo-choice{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.class-photo-choice button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d5c9ed;border-radius:12px;background:#f7f2ff;color:#624d89}.class-photo-choice>span{font-size:13px;max-width:100%;overflow-wrap:anywhere}.classes-dialog[aria-busy=true] .classes-body{opacity:.7}.exercise-class-choice{border:1.5px solid #d5cbea;border-radius:14px;padding:12px;margin:8px 0}.exercise-class-choice legend{font-weight:650;color:#67508b}.exercise-class-choice [data-exercise-classes]{display:flex;flex-wrap:wrap;gap:10px}.exercise-class-choice label{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:#f2edfc;cursor:pointer}.exercise-class-choice input[type=checkbox]{width:20px;min-height:20px;margin:0;accent-color:#7852c4}.exercise-class-choice .icon-svg{width:27px;height:27px}.exercise-class-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.exercise-class-tags>span{display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:10px;background:#f0e9fc;color:#70538f}.classroom-access legend{font-size:16px;line-height:1.4}.classroom-access-notice{color:#66518a;font-weight:600;line-height:1.5}.school-fields [hidden],.classes-dialog [hidden]{display:none!important}@media(max-width:540px){.class-picture{flex-basis:76px;width:76px;height:76px}.class-overview{gap:10px}.class-overview h2{font-size:21px}.class-code-card{padding:12px;gap:9px}.class-code-card>span{flex-basis:100%}.classes-dialog{max-height:94dvh}.virtual-class-card strong{font-size:17px}}

/* Keep each school caption and its required mark on the same baseline. */
.school-input-row>label{display:inline-flex;align-items:baseline;gap:0}.school-input-row>label>.field-caption{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.school-input-row .required-mark{display:inline;align-self:auto;margin:0;color:#dc495b}.school-input-row>div{margin-top:5px}.account-personal-fields{margin-top:12px}