/* UX refinements reuse the original brand and components. */
.ux-person{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#172754;font:inherit;font-size:12px;cursor:pointer}.ux-person .avatar{margin:0}.ux-person:focus-visible{outline:3px solid #9eb5f8;border-radius:9px}.ux-focus{margin:26px 0 30px}.ux-focus-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.ux-next,.ux-feedback-preview{padding:26px 28px}.ux-next{border-color:#d6e0fb;background:#f8faff}.ux-next h3,.ux-feedback-preview h3{font-family:var(--font-ui),sans-serif;font-size:21px;line-height:1.5;margin:16px 0 12px;color:#172754}.ux-next p,.ux-feedback-preview p{font-size:13px;line-height:1.85;color:#6c7b95}.ux-next>small{display:block;color:#516da7;font-size:11px;margin:12px 0}.ux-eyebrow{font-size:10px;letter-spacing:1.5px;color:#8392ad}.ux-assignment-list{display:grid;gap:15px;margin:22px 0}.ux-assignment{display:flex;align-items:flex-start;gap:19px;padding:24px}.ux-assignment-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#edf2ff;border-radius:12px;color:#5774d6;font-size:21px;flex-shrink:0}.ux-assignment-content{flex:1;min-width:0}.ux-assignment-content h3{font-size:17px;line-height:1.6;margin:7px 0}.ux-assignment-content p{font-size:12px;color:#75829b;line-height:1.8;margin:9px 0}.ux-assignment-content>small{font-size:11px;color:#8792a7}.ux-assignment-side{display:flex;flex-direction:column;align-items:flex-end;gap:11px;min-width:145px}.ux-assignment-side small{color:#7d8cab;font-size:11px}.ux-assignment-side .btn{font-size:12px}.ux-segmented{display:flex;gap:6px;margin:21px 0}.ux-segmented button{font:inherit;font-size:12px;border:1px solid #e0e6f0;background:#fff;color:#75829b;border-radius:8px;padding:9px 16px;cursor:pointer}.ux-segmented button.active{background:#edf2ff;color:#4f6dd2;border-color:#d4dffb;font-weight:700}.ux-class-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #edf0f6}.ux-class-row small{display:block;color:#8591a7;margin-top:8px;font-size:12px;line-height:1.7}.ux-notice{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid #e8edf5}.ux-notice:last-child{border-bottom:0}.ux-notice>span{width:37px;height:37px;background:#f0f4fd;color:#7288be;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ux-notice h3{font-size:15px;margin:0 0 8px;line-height:1.5}.ux-notice small{color:#8692a7;font-size:11px}.ux-notice p{color:#6e7d97;font-size:13px;line-height:1.85;margin-top:10px}.ux-attempt-overview{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.ux-attempt-overview small{flex-basis:100%;color:#8795af;line-height:1.8}.ux-artifact{background:#f7f9fd;border:1px solid #e6ebf4;border-radius:11px;padding:20px}.ux-artifact b{font-size:12px;color:#5d739b}.ux-artifact p{font-size:13px;color:#536681;margin:8px 0 18px}.ux-artifact>small{font-size:11px;color:#8995a9}.ux-sub-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #e9edf5;gap:10px}.ux-sub-row small{display:block;font-size:11px;color:#8b97aa;margin-top:8px}.ux-action-list{display:grid;gap:10px}.ux-action-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #e9edf6}.ux-action-list b{font-size:14px}.ux-work-steps{display:flex;gap:12px;flex-wrap:wrap;margin:19px 0 23px;padding:15px 20px;border:1px solid #e2e8f2;background:#fff;border-radius:12px}.ux-work-steps span{display:flex;gap:8px;align-items:center;color:#8b97ac;font-size:11px}.ux-work-steps b{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;background:#f0f3f8;color:#95a1b6}.ux-work-steps .current{color:#4162c5;font-weight:700}.ux-work-steps .current b{background:#5e7de4;color:#fff}.ux-work-steps .done b{background:#e8f5ee;color:#3c8c69}.ux-code-note{padding:13px 18px;color:#8b9cbf;background:#14213a;font-size:11px;line-height:1.7}.ux-recipient-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e8edf4;font-size:13px}.ux-recipient-list>div>span:first-child{margin-right:auto}.ux-recipient-list small{font-size:11px;color:#8794ac}.ux-demo-footer{margin-top:27px;border:1px solid #e4eaf4;border-radius:10px;background:#f8faff}.ux-demo-footer small{font-size:11px}.ux-action-status{margin-top:18px}.student-links{gap:4px}.student-links button{font-size:12px}.student-actions{gap:12px}.flow-pager .btn{font-size:11px}.table-toolbar .search-input{min-width:140px}.modal{min-width:0}.modal h2{line-height:1.5}.flow-guidance p{line-height:1.85}.flow-toolbar .btn{white-space:normal}.ux-action-status:empty{display:none}
@media(max-width:1100px){.student-header{flex-wrap:wrap;gap:12px}.student-links{order:3;width:100%;display:flex;justify-content:space-between;overflow-x:auto}.student-actions{margin-left:auto}.ux-focus-grid{grid-template-columns:1fr 1fr}.ux-next,.ux-feedback-preview{padding:22px}}
@media(max-width:700px){.ux-focus-grid{grid-template-columns:1fr}.ux-assignment{padding:19px 16px;gap:12px;flex-wrap:wrap}.ux-assignment-icon{width:35px;height:35px;font-size:17px}.ux-assignment-content{min-width:170px}.ux-assignment-side{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-width:100%;padding-left:47px}.ux-assignment-side .btn{font-size:11px}.ux-assignment-content h3{font-size:15px}.ux-person>span:last-child{display:none}.ux-work-steps{padding:12px;gap:10px}.ux-work-steps span{font-size:10px}.ux-work-steps b{width:19px;height:19px}.ux-recipient-list>div{flex-wrap:wrap}.ux-recipient-list>div>span:first-child{flex-basis:45%}.ux-action-list>div{align-items:flex-start;flex-direction:column}.ux-demo-footer{padding:13px}.ux-demo-footer small{flex-basis:100%;margin-bottom:4px}.ux-segmented button{padding:9px 12px;font-size:11px}.student-links button{font-size:11px;padding-left:8px;padding-right:8px}.student-header{padding-bottom:8px}.ux-notice{gap:10px}.ux-notice h3{font-size:14px}}