.educator-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:25px}.educator-toolbar p{max-width:670px}.educator-toolbar>.btn{flex-shrink:0}.educator-filters{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.educator-filters label{flex:1;min-width:160px}.educator-filters .btn{font-size:12px;padding:14px}.educator-table{border-collapse:collapse;min-width:850px;width:100%;text-align:start;font-size:12px}.educator-table th,.educator-table td{padding:18px 12px;border-bottom:1px solid #eee5f7;text-align:start;vertical-align:middle}.educator-table thead th{font-size:11px;background:#f8f4fd;color:#75598d}.educator-table .learner-name{font-size:13px}.educator-table small{display:block;margin-top:8px;font-size:10px;color:#826b94}.educator-status{display:inline-block!important;padding:5px 8px;border-radius:5px;background:#f0e8fa;color:#633791!important;font-size:10px;line-height:1.6}.educator-status.attention{background:#fff0d1;color:#916323!important}.educator-progress{background:#efe6f8;height:6px;min-width:75px;border-radius:5px;margin-top:9px;overflow:hidden}.educator-progress span{display:block;background:#7841bd;height:100%;border-radius:5px}.educator-row-actions{display:flex;flex-direction:column;gap:13px;align-items:start}.educator-review-form{margin-top:25px;padding:25px;background:#faf7fe;border:1px solid #e5d9f1;border-radius:12px;display:grid;gap:16px}.educator-review-form input[type=number]{max-width:180px}.educator-review-form textarea{min-height:110px}.educator-review-form p{margin:0;font-size:12px}.educator-review-form>.btn{justify-self:start}.educator-review-form button:disabled{opacity:.5;cursor:not-allowed}.educator-recipient{background:#f6f0fc;border-radius:7px;padding:13px}.educator-result{padding:20px;margin-top:24px;border:1px solid #d7b8ef;background:#faf5ff;border-radius:12px}.educator-result p{white-space:pre-wrap;overflow-wrap:anywhere}.educator-mini{width:100%;border-collapse:collapse;font-size:12px}.educator-mini th,.educator-mini td{padding:12px 6px;border-bottom:1px solid #e8ddf4;text-align:start}.educator-mini thead{color:#8c709f;font-size:10px}.educator-mini-links{display:flex;gap:15px;flex-wrap:wrap;margin:22px 0;font-size:11px}.educator-mini-links a{text-decoration:underline;text-underline-offset:4px}.educator-capabilities .feature{position:relative}.educator-capabilities .assignment-chip{margin-bottom:8px}.educator-pedagogy{margin-top:30px;border-inline-start:4px solid #713bc0;padding:22px 28px;background:#f4edfc;border-radius:10px}.educator-pedagogy h3{font-size:23px;margin:0 0 14px}.educator-pedagogy p{font-size:15px;line-height:1.9}.classroom-tabs button[data-classroom-tab="5"]{order:-1}.classroom-shell{box-shadow:0 18px 65px #4e1d7f12}.classroom-top h3{font-size:25px}.classroom-top p{font-size:12px}.classroom-content p,.assignment-form label{font-size:13px}.classroom-metric small{font-size:12px}.classroom-tabs button{font-size:13px}.classroom-content .inline-link{font-size:12px}.heatmap th,.heatmap th button{font-size:12px}.heatmap td{font-size:13px}@media(max-width:760px){.educator-toolbar{flex-direction:column;gap:12px}.educator-filters{gap:12px}.educator-filters .btn{flex:1}.educator-pedagogy{padding:20px}.educator-pedagogy h3{font-size:20px}.classroom-top h3{font-size:22px}}
.snapshot-class{display:grid;grid-template-columns:1fr auto;gap:15px 30px;padding:27px;background:linear-gradient(120deg,#4b209a,#773ec3);border-radius:14px;color:#fff;margin-bottom:26px}.snapshot-class .section-label{color:#e7d6ff}.snapshot-class h4{font-size:24px;margin:10px 0!important}.snapshot-class p{color:#eee0ff;margin:0;max-width:650px;font-size:12px}.snapshot-class>strong{font-size:54px;align-self:center;letter-spacing:-2px}.snapshot-class-bar{grid-column:1/-1;height:7px;background:#ffffff35;border-radius:7px;overflow:hidden}.snapshot-class-bar span{display:block;background:#ead2ff;height:100%;border-radius:7px}.snapshot-learner{border:1px solid #e3d5f0;border-radius:15px;padding:27px;background:#fff}.snapshot-heading{display:flex;justify-content:space-between;align-items:center;gap:22px}.snapshot-person{display:flex;gap:16px;align-items:center}.snapshot-avatar{width:62px;height:62px;display:grid;place-items:center;flex-shrink:0;background:#efe3ff;border:1px solid #d9c0ef;border-radius:50%;font-size:22px;font-weight:700;color:#713aab}.snapshot-heading h4{font-size:27px;margin:7px 0!important}.snapshot-heading p{margin:0;color:#877197}.snapshot-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0;padding:20px 0;border-block:1px solid #eee5f6}.snapshot-summary span{font-size:12px;color:#8d729f;display:block}.snapshot-summary strong{font-size:29px;display:block;margin-top:10px}.snapshot-topic-title{font-size:19px!important;margin:25px 0 18px!important}.snapshot-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.snapshot-topic{padding:22px;background:#faf7ff;border:1px solid #e5d8f3;border-radius:12px}.snapshot-topic.needs-support{background:#fffaf1;border-color:#f0ddbb}.snapshot-topic-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.snapshot-number{font-size:11px;color:#9d80b4}.snapshot-topic h5{font-size:17px;margin:19px 0}.snapshot-topic-score{display:flex;gap:15px;justify-content:space-between;align-items:center}.snapshot-topic-score>strong{font-size:30px}.snapshot-topic-score>span{font-size:11px;color:#8d749e}.snapshot-topic.needs-support .educator-progress span{background:#d39a39}.snapshot-next{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f5eefc;border-radius:10px;padding:22px;margin-top:22px}.snapshot-next h5{font-size:18px;margin:10px 0}.snapshot-next p{margin:0;max-width:650px}.snapshot-next>strong{font-size:32px;color:#7044a0}.classroom-shell:has(#learner-snapshot) .classroom-top label{display:none}@media(max-width:650px){.snapshot-class{padding:22px;gap:15px}.snapshot-class>strong{font-size:42px}.snapshot-heading{align-items:start;flex-direction:column}.snapshot-learner{padding:20px}.snapshot-topics{grid-template-columns:1fr}.snapshot-summary{gap:10px}.snapshot-summary span{font-size:10px}.snapshot-summary strong{font-size:24px}.snapshot-next{padding:18px}.snapshot-person{gap:12px}}
