.task-card-chips,.task-card-actions,.selected-chip-list,.student-selector-modal-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-card-chips,.task-card-actions,.student-selector-modal-header{justify-content:space-between}.notification-chip,.notification-pill,.selected-chip{display:inline-flex;align-items:center;min-height:24px;border:1px solid #d7e2ef;border-radius:999px;padding:3px 10px;background:#eef2f6;color:#53647a;font-size:12px;font-weight:700;white-space:nowrap}.notification-chip.sent{background:#e6f5ec;color:#1f6b3d}.btn.danger{border-color:#d8b7b3;background:#fff4f2;color:#9d2b1f}.student-selector-backdrop{position:fixed;inset:0;z-index:1010;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:20px 12px;background:#0d142073}.student-selector-modal{width:min(1160px,100%);max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden;border-radius:8px;padding:14px;background:#fff;box-shadow:0 26px 70px #06112145}.student-selector-modal app-student-selector-panel{min-height:0;overflow:auto}.student-selector-modal-header{border-bottom:1px solid #dce4ef;padding-bottom:10px}.student-selector-modal-header h4{margin:2px 0 0;font-size:18px}.readonly-note{border-left:3px solid #7aa7e8;padding:8px 10px;background:#f6f9ff}.activity-read-list,.activity-read-card,.activity-modal{display:grid;gap:10px}.activity-read-card{border:1px solid #dfe7f5;border-radius:10px;padding:12px;background:#fafcff}.activity-read-head,.activity-card-actions,.activity-modal-head{display:flex;gap:10px}.activity-read-head,.activity-modal-head{align-items:flex-start;justify-content:space-between}.activity-card-actions{flex-shrink:0;gap:8px}.activity-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px 14px;margin:0}.activity-detail-grid div{display:grid;gap:4px}.activity-detail-grid dt{color:#6a7890;font-size:12px;font-weight:700}.activity-detail-grid dd{margin:0;color:#24334a;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.empty-activity-state{padding:18px 10px;text-align:center;border:1px dashed #c8d5e8;border-radius:10px;background:#fafcff}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#101c2f6b}.activity-modal{position:fixed;top:50%;left:50%;z-index:21;width:min(760px,100vw - 28px);max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-50%);border:1px solid #dce4f0;border-radius:12px;padding:14px;background:#fff;box-shadow:0 22px 60px #11284a3d;gap:12px}.modal-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.modal-footer{justify-content:flex-end}.ghost-btn.danger{border-color:#efc0bd;color:#9f1d19}@media(max-width:760px){.activity-read-head{flex-direction:column}.activity-card-actions{width:100%}.activity-detail-grid,.modal-grid{grid-template-columns:1fr}}.selected-students-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe7ef;border-radius:8px;padding:12px;background:#fbfcfe}.selected-students-summary div,.tracking-collapsible{display:grid;gap:12px}.selected-students-summary div{gap:2px}.selected-students-summary span{color:#66768b;font-size:13px}.selected-chip{max-width:220px;background:#fff;color:#33445a;overflow:hidden;text-overflow:ellipsis}.selected-chip.muted{background:#f1f4f7;color:#64758a}.warning-text.danger,.danger-panel{border-color:#e7bbb5}.warning-text.danger{background:#fff4f2;color:#8f2b1d}.task-tracking-page .no-end-toggle{display:inline-flex;align-items:center;gap:8px;border:0;padding:2px 0;background:transparent;color:#4a5c72;font-size:12px;font-weight:700;cursor:pointer}.task-tracking-page .no-end-toggle span{position:relative;width:34px;height:18px;border-radius:999px;background:#cfd8e4}.task-tracking-page .no-end-toggle span:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #151e2a40;transition:transform .15s ease}.task-tracking-page .no-end-toggle[aria-checked=true] span{background:#2f7d54}.task-tracking-page .no-end-toggle[aria-checked=true] span:after{transform:translate(16px)}@media(max-width:920px){.selected-students-summary,.student-selector-modal-header{align-items:stretch;flex-direction:column}}