.member-modal{width:660px;max-height:92vh;overflow:auto}.members-box{border:1px solid var(--line);border-radius:11px;padding:17px;margin:23px 0}.members-box-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.members-box-head h3{font-size:13px;margin-bottom:5px}.members-box-head p{margin:0;font-size:10px;line-height:1.7}.members-box-head .secondary{padding:9px 12px;font-size:10px}.member-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 155px 26px;gap:10px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.member-editor-row .form-field{margin:0;min-width:0;gap:8px}.member-editor-row label{font-size:9px}.member-editor-row input,.member-editor-row select{padding:10px;font-size:11px;width:100%;min-width:0}.member-remove{border:0;background:transparent;color:#b87986;font-size:22px;align-self:end;padding:7px 0;line-height:1.3}.member-role-label{display:block;font-size:9px;color:var(--muted);margin-top:4px;line-height:1.6}.member-modal>.form-field p,.member-modal .form-field p{font-size:10px;margin:2px 0 0;line-height:1.8}.member-modal .modal-actions{position:sticky;bottom:-32px;background:#fff;margin:20px -3px -3px;padding:15px 3px 3px;border-top:1px solid var(--line)}html[data-theme="navy"] .member-modal .modal-actions{background:#17243b}html[data-theme="navy"] .member-remove{color:#e2a0ad}@media(max-width:750px){.member-modal{padding:24px;max-height:90svh}.members-box{padding:13px}.members-box-head{align-items:start;gap:10px}.members-box-head p{font-size:9px;max-width:210px}.members-box-head .secondary{font-size:9px;padding:9px}.member-editor-row{grid-template-columns:minmax(0,1fr) 26px;gap:10px}.member-editor-row .form-field:first-of-type{grid-column:1}.member-editor-row .form-field:nth-of-type(2){grid-column:1;grid-row:auto}.member-remove{grid-column:2;grid-row:1/3;align-self:center}.member-modal .modal-actions{bottom:-24px}}
.class-card .member-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:10px;max-height:360px;overflow:auto;padding:2px 6px 2px 1px;scrollbar-width:thin;scrollbar-color:#cbd4e9 transparent}.member-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:14px;border:1px solid #e3e8f3;border-radius:10px;background:#f8faff;min-height:102px}.member-card .member-name{display:block;font-size:11px;font-weight:650;color:#45536d;line-height:1.6;overflow-wrap:anywhere}.member-card .member-role-label{font-size:9px;margin-top:5px;color:#8694ad;line-height:1.6}.member-card>.text-btn{align-self:flex-end;padding:2px 0;font-size:9px;font-weight:600}.member-card-grid>.helper{grid-column:1/-1}html[data-theme="navy"] .member-card{background:#1c2d48;border-color:#344563}html[data-theme="navy"] .member-card .member-name{color:#d2dcee}html[data-theme="navy"] .member-card .member-role-label{color:#9baccc}html[data-theme="navy"] .class-card .member-card-grid{scrollbar-color:#455877 transparent}@media(max-width:750px){.class-card .member-card-grid{gap:9px;max-height:370px}.member-card{padding:12px;min-height:96px}.member-card .member-name{font-size:11px}}@media print{.class-card .member-card-grid{overflow:visible;max-height:none}.member-card{break-inside:avoid}}