/* Abri Chat Assignments v2.20.0 */
#assignmentsBtn{position:relative}.message-assignment{min-width:min(390px,68vw);padding:5px 2px 2px}.message-assignment>header{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.assignment-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#6c5ce7,#3390ec);color:#fff;font-size:20px;font-weight:900;box-shadow:0 7px 18px #3390ec35}.message-assignment header div{min-width:0}.message-assignment header small,.message-assignment header b{display:block}.message-assignment header small{margin-bottom:3px;color:#89bff0;font-size:8px}.message-assignment header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.message-assignment header>i{padding:5px 8px;border-radius:10px;background:#ffffff12;color:#c6d6e2;font-size:8px;font-style:normal}.message-assignment>p{margin:10px 0 8px;color:#c8d4dd;font-size:10px;line-height:1.7}.assignment-card-progress{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;margin:9px 0}.assignment-card-progress>span{height:6px;overflow:hidden;border-radius:8px;background:#ffffff12}.assignment-card-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52b4ff,#7b6cf6)}.assignment-card-progress small{color:#b8c6d1;font-size:8px}.message-assignment>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px solid #ffffff0b}.message-assignment>footer span{color:#aab9c5;font-size:8px}.message-assignment>footer button{border:0;padding:6px 9px;border-radius:9px;background:#3390ec22;color:#73bdfa;font-size:9px;font-weight:800}.message-assignment.overdue .assignment-card-icon{background:linear-gradient(145deg,#e17055,#d63031)}
.assignment-modal-wrap{z-index:48}.assignment-builder-modal{width:min(920px,96vw);max-height:92vh;padding:0;overflow:hidden}.assignment-builder-modal>header,.assignment-list-modal>header{padding:18px 20px 13px;border-bottom:1px solid var(--line)}.assignment-builder-modal form{overflow:auto;padding:0 20px 20px}.assignment-template-strip{display:flex;gap:7px;overflow:auto;padding:12px 20px;border-bottom:1px solid var(--line-soft);scrollbar-width:none}.assignment-template-strip button{flex:none;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--panel-elevated);color:var(--text);font-size:10px}.assignment-template-strip button:hover{border-color:var(--blue);background:var(--blue-soft)}.assignment-form-grid,.assignment-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.assignment-form-grid{padding:17px 0}.assignment-form-grid label,.assignment-field-grid label,.assignment-review-summary label,.assignment-review-inputs label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:9px}.assignment-form-grid .span-2,.assignment-field-grid .span-2{grid-column:span 2}.assignment-form-grid input,.assignment-form-grid textarea,.assignment-form-grid select,.assignment-field-grid input,.assignment-field-grid textarea,.assignment-field-grid select,.assignment-review-summary input,.assignment-review-summary textarea,.assignment-review-inputs input,.assignment-review-inputs textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 11px;outline:0;background:var(--panel-elevated);color:var(--text);resize:vertical}.assignment-form-grid input:focus,.assignment-form-grid textarea:focus,.assignment-field-grid input:focus,.assignment-field-grid textarea:focus,.assignment-review-summary textarea:focus,.assignment-review-inputs textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.assignment-switch{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.assignment-switch input{width:18px!important;height:18px;accent-color:var(--blue)}.assignment-switch span{min-width:0}.assignment-switch b,.assignment-switch small{display:block}.assignment-switch b{color:var(--text);font-size:10px}.assignment-switch small{margin-top:3px;font-size:8px}.assignment-switch.compact{align-self:end}.assignment-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.assignment-builder-heading b,.assignment-builder-heading small{display:block}.assignment-builder-heading b{font-size:13px}.assignment-builder-heading small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-builder-fields{display:flex;flex-direction:column;gap:12px}.assignment-builder-field{border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);overflow:hidden}.assignment-builder-field>header{display:grid;grid-template-columns:31px 1fr 30px;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line-soft)}.assignment-builder-field>header>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:900}.assignment-builder-field header b,.assignment-builder-field header small{display:block}.assignment-builder-field header b{font-size:10px}.assignment-builder-field header small{margin-top:3px;color:var(--muted);font-size:8px}.assignment-builder-field header button{border:0;background:transparent;color:var(--danger);font-size:19px}.assignment-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:13px}.assignment-field-grid .span-2{grid-column:span 2}.assignment-builder-footer{position:sticky;bottom:-20px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px -20px -20px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(12px)}.assignment-builder-footer span{color:var(--muted);font-size:9px}
.assignment-list-modal{width:min(560px,96vw);padding:0;overflow:hidden}.assignment-list{max-height:70vh;overflow:auto;padding:12px}.assignment-list-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px;border:0;border-radius:13px;background:transparent;color:var(--text);text-align:right}.assignment-list-item:hover{background:var(--hover)}.assignment-list-item div{min-width:0}.assignment-list-item b,.assignment-list-item small{display:block}.assignment-list-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.assignment-list-item small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-list-item>i{font-style:normal;color:var(--blue);font-size:10px}.assignment-list-status,.assignment-status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:800}.assignment-list-status.needs_revision,.assignment-status-pill.needs_revision{background:#e170551c;color:#f09a7e}.assignment-list-status.reviewed,.assignment-status-pill.reviewed{background:#32c7871a;color:#44d49a}.assignment-empty,.assignment-loading{display:grid;place-items:center;min-height:180px;padding:25px;text-align:center;color:var(--muted)}.assignment-empty b,.assignment-empty span{display:block}.assignment-empty span{margin-top:8px;font-size:9px}
.assignment-workspace{position:fixed;z-index:46;inset:0;display:flex;justify-content:flex-start;direction:ltr}.assignment-workspace-backdrop{position:absolute;inset:0;background:#050a0fb8;backdrop-filter:blur(3px)}.assignment-workspace>aside{position:relative;width:min(780px,94vw);height:100%;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel);box-shadow:20px 0 60px #0007;direction:rtl;animation:assignment-slide .22s ease}.assignment-workspace>aside>header{height:66px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;flex:none;padding:7px 12px;border-bottom:1px solid var(--line)}.assignment-workspace>aside>header div{min-width:0}.assignment-workspace>aside>header b,.assignment-workspace>aside>header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-workspace>aside>header b{font-size:14px}.assignment-workspace>aside>header small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-workspace main{flex:1;overflow:auto;padding:18px 18px 100px}.assignment-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:15px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--blue-soft),transparent 70%)}.assignment-hero h2{margin:10px 0 7px;font-size:21px}.assignment-hero p{max-width:580px;margin:0;color:var(--muted);font-size:10px;line-height:1.9;white-space:pre-wrap}.assignment-deadline{align-self:start;min-width:150px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-elevated)}.assignment-deadline small,.assignment-deadline b{display:block}.assignment-deadline small{color:var(--muted);font-size:8px}.assignment-deadline b{margin-top:6px;font-size:10px}.assignment-deadline.late{border-color:#e1705544}.assignment-main-progress{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.assignment-main-progress>span{height:8px;overflow:hidden;border-radius:10px;background:#ffffff10}.assignment-main-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3390ec,#6c5ce7)}.assignment-main-progress>b{font-size:9px}.assignment-notice,.assignment-general-feedback,.assignment-privacy-note{grid-column:1/-1;padding:11px 12px;border-radius:12px;background:#ffffff08;color:var(--muted);font-size:9px;line-height:1.7}.assignment-general-feedback{border-right:3px solid var(--green)}.assignment-general-feedback b,.assignment-general-feedback p{display:block;margin:0}.assignment-general-feedback p{margin-top:6px;color:var(--text);white-space:pre-wrap}.assignment-general-feedback span{display:inline-block;margin-top:7px;color:var(--green)}.assignment-student-fields,.assignment-review-fields{display:flex;flex-direction:column;gap:14px;margin-top:15px}.assignment-response-card,.assignment-review-card{padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel-soft)}.assignment-response-card.complete{border-color:#32c78748}.assignment-response-card>header,.assignment-review-card>header{display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:center}.assignment-response-card>header>span,.assignment-review-card>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:900}.assignment-response-card header b,.assignment-response-card header small,.assignment-review-card header b,.assignment-review-card header small{display:block}.assignment-response-card header b,.assignment-review-card header b{font-size:11px}.assignment-response-card header small,.assignment-review-card header small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-response-card header>i{color:var(--green);font-style:normal;font-size:16px}.assignment-response-card>p{margin:12px 0;color:var(--muted);font-size:9px;line-height:1.8}.assignment-response-card>textarea{width:100%;margin-top:13px;border:1px solid var(--line);border-radius:13px;padding:12px;outline:0;resize:vertical;background:var(--panel-elevated);color:var(--text);font-size:11px;line-height:1.9}.assignment-text-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:var(--muted);font-size:8px}.assignment-text-meta b{font-weight:500}.assignment-text-meta i{font-style:normal;color:var(--text)}.assignment-dropzone{display:grid;place-items:center;margin-top:12px;padding:19px;border:1px dashed #3390ec66;border-radius:14px;background:var(--blue-soft);text-align:center;cursor:pointer}.assignment-dropzone.disabled{opacity:.55;cursor:not-allowed}.assignment-dropzone input{display:none}.assignment-dropzone>span{font-size:26px;color:var(--blue)}.assignment-dropzone b,.assignment-dropzone small{display:block}.assignment-dropzone b{margin-top:7px;font-size:10px}.assignment-dropzone small{margin-top:5px;color:var(--muted);font-size:8px}.assignment-record-btn{width:100%;margin-top:9px;border:1px solid var(--line);border-radius:11px;padding:9px;background:var(--panel-elevated);color:#f16c74;font-size:9px}.assignment-record-btn.recording{background:#d6303120;animation:record-pulse 1.2s infinite}.assignment-upload-progress{margin-top:10px}.assignment-upload-progress span{display:block;height:7px;overflow:hidden;border-radius:8px;background:#ffffff10}.assignment-upload-progress span i{display:block;width:0;height:100%;background:var(--blue)}.assignment-upload-progress small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.assignment-assets{display:flex;flex-direction:column;gap:8px;margin-top:11px}.assignment-asset-item{display:grid;grid-template-columns:64px 1fr 30px;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel-elevated)}.assignment-asset-item>div:first-child{width:64px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#0003}.assignment-asset-item img{width:100%;height:100%;object-fit:cover}.assignment-asset-item audio{width:58px;height:36px}.assignment-asset-item a{color:var(--blue);font-size:8px}.assignment-asset-item div:nth-child(2){min-width:0}.assignment-asset-item b,.assignment-asset-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-asset-item b{font-size:9px}.assignment-asset-item small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-asset-item>button{border:0;background:transparent;color:var(--danger);font-size:18px}.assignment-field-feedback{margin-top:12px;padding:11px;border-radius:11px;background:#32c78710;border-right:3px solid var(--green)}.assignment-field-feedback b,.assignment-field-feedback p{display:block;margin:0}.assignment-field-feedback b{font-size:9px}.assignment-field-feedback p{margin-top:6px;color:var(--muted);font-size:9px;line-height:1.7;white-space:pre-wrap}.assignment-field-feedback span{display:inline-block;margin-top:7px;color:var(--green);font-size:8px}.assignment-submit-bar{position:fixed;right:0;bottom:0;width:min(780px,94vw);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(15px);direction:rtl}.assignment-submit-bar b,.assignment-submit-bar small{display:block}.assignment-submit-bar b{font-size:10px}.assignment-submit-bar small{margin-top:4px;color:var(--muted);font-size:8px}
.assignment-hero.teacher{grid-template-columns:1fr auto}.assignment-teacher-stats{display:flex;gap:8px}.assignment-teacher-stats article{min-width:76px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel-elevated);text-align:center}.assignment-teacher-stats b,.assignment-teacher-stats small{display:block}.assignment-teacher-stats b{font-size:18px;color:var(--blue)}.assignment-teacher-stats small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-teacher-actions{grid-column:1/-1}.assignment-privacy-note{margin-top:12px;border-right:3px solid var(--blue)}.assignment-roster{margin-top:14px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--panel-soft)}.assignment-roster>header{padding:13px 14px;border-bottom:1px solid var(--line)}.assignment-roster>header b,.assignment-roster>header small{display:block}.assignment-roster>header b{font-size:12px}.assignment-roster>header small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-student-row{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:var(--text);text-align:right}.assignment-student-row:last-child{border-bottom:0}.assignment-student-row:hover{background:var(--hover)}.assignment-student-row .avatar{width:42px;height:42px;font-size:13px}.assignment-student-row>div{min-width:0}.assignment-student-row b,.assignment-student-row small{display:block}.assignment-student-row b{font-size:10px}.assignment-student-row small{margin-top:4px;color:var(--muted);font-size:8px}.assignment-student-row div>i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:8px;background:#ffffff10}.assignment-student-row div>i em{display:block;height:100%;background:var(--blue)}.assignment-row-state{padding:5px 7px;border-radius:9px;background:#ffffff0b;color:var(--muted);font-size:8px}.assignment-row-state.submitted,.assignment-row-state.needs_revision{background:#e1705516;color:#f2a086}.assignment-row-state.reviewed{background:#32c78717;color:#45d59c}.assignment-review-head{display:grid;grid-template-columns:auto 50px 1fr;gap:12px;align-items:center}.assignment-review-head>button,.assignment-review-empty>button{border:0;background:transparent;color:var(--blue);font-size:9px}.assignment-review-head .avatar{width:50px;height:50px}.assignment-review-head h2{margin:0;font-size:16px}.assignment-review-head p{margin:5px 0 0;color:var(--muted);font-size:8px}.assignment-attempts{display:flex;gap:7px;margin-top:13px;overflow:auto}.assignment-attempts button{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:var(--panel-elevated);color:var(--muted);font-size:8px}.assignment-attempts button.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.assignment-reviewed-text{margin-top:12px;padding:13px;border-radius:12px;background:var(--panel-elevated);font-size:10px;line-height:1.9;white-space:pre-wrap}.assignment-reviewed-text em,.assignment-no-answer{color:var(--muted);font-style:normal}.assignment-review-inputs{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-top:12px}.assignment-review-summary{display:grid;grid-template-columns:1fr 130px;gap:12px;margin-top:15px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel-soft)}.assignment-review-summary>div{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px}.danger-outline{border-color:#ff696950!important;color:var(--danger)!important}.assignment-review-empty{display:flex;flex-direction:column;gap:40px;min-height:55vh}.assignment-review-empty>div{display:grid;place-items:center;text-align:center;color:var(--muted)}.assignment-review-empty b,.assignment-review-empty span{display:block}.assignment-review-empty b{color:var(--text)}.assignment-review-empty span{margin-top:8px;font-size:9px}
@keyframes assignment-slide{from{transform:translateX(-35px);opacity:.4}to{transform:none;opacity:1}}
@media(max-width:760px){.message-assignment{min-width:min(310px,78vw)}.assignment-builder-modal{width:100%;height:100%;max-height:100%;border-radius:0}.assignment-form-grid,.assignment-field-grid{grid-template-columns:1fr}.assignment-form-grid .span-2,.assignment-field-grid .span-2{grid-column:auto}.assignment-field-grid .span-2{grid-column:auto}.assignment-workspace>aside{width:100%}.assignment-workspace main{padding:12px 12px 110px}.assignment-submit-bar{width:100%;flex-direction:column;align-items:stretch}.assignment-submit-bar button{width:100%}.assignment-hero,.assignment-hero.teacher{grid-template-columns:1fr;padding:15px}.assignment-deadline{min-width:0}.assignment-teacher-stats{overflow:auto}.assignment-review-inputs,.assignment-review-summary{grid-template-columns:1fr}.assignment-review-summary>div{grid-column:auto;flex-direction:column}.assignment-asset-item{grid-template-columns:56px 1fr 28px}.assignment-asset-item>div:first-child{width:56px}.assignment-builder-footer{bottom:-20px}}
