#assignForm { margin-top: 18px; display: grid; gap: 13px; }
#assignForm label { display: grid; gap: 5px; color: var(--muted); font-size: .8rem; font-weight: 650; }
#assignForm textarea { width: 100%; padding: 9px 11px; }
#assignLearners { display: grid; gap: 8px; }
#assignLearners label { padding: 10px; display: flex; gap: 9px; align-items: center; border: 1px solid var(--line); border-radius: 10px; }
.teacher-tabs { margin: 0 0 20px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.teacher-tabs button { min-width: 0; font-weight: 750; }
.teacher-tabs button.active { border-color: var(--teal); background: var(--teal); color: #fff; }
.teacher-create { margin-bottom: 24px; }
.teacher-create button { margin: 5px 6px 0 0; }
.teacher-section-title { margin: 26px 0 12px; font-size: 1.25rem; }
.teacher-library { display: grid; gap: 13px; }
.teacher-material-card { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.teacher-material-card h3 { margin: 3px 0; }
.teacher-material-card>small { color: var(--coral); font-weight: 800; }
.teacher-material-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.teacher-material-head p { margin: 4px 0; color: var(--muted); }
.recipient-list { margin-top: 14px; display: grid; gap: 7px; }
.recipient-list>div { padding: 10px 12px; display: grid; grid-template-columns: 1fr auto auto; gap: 8px; border-radius: 12px; background: #f2f8f6; }
.recipient-list p { grid-column: 1/-1; margin: 0; color: var(--muted); }
.recipient-list .done,.task-complete { color: #156b50; font-weight: 800; }
.recipient-list .open { color: #9a4e39; font-weight: 750; }
.empty-inline { color: var(--muted); }
.task-note { margin: 13px 0; padding: 13px 15px; border-left: 4px solid var(--coral); border-radius: 9px; background: #fff6d9; }
.teacher-material-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.student-progress { display: grid; gap: 9px; }
@media(max-width:600px){.teacher-tabs{grid-template-columns:1fr}.teacher-material-head{display:grid}.recipient-list>div{grid-template-columns:1fr}.recipient-list p{grid-column:1}.teacher-create button{width:100%;margin-right:0}}
#previewContent { white-space: pre-wrap; }
#previewContent dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; }
#previewContent dt { font-weight: 750; }
#previewContent dd { margin: 0; color: var(--muted); }