.assignment-notification{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 16px;border-top:1px solid var(--line);border-left:3px solid transparent}
.assignment-notification.is-unread{background:#f2f8ff;border-left-color:#1471c9}.assignment-notification .eyebrow{margin-left:12px}.assignment-notification h3{margin:12px 0 5px;color:var(--navy)}.assignment-notification p{margin:5px 0}.assignment-notification small{display:block;color:var(--muted);margin-top:4px}
.assignment-actions{display:flex;gap:10px;flex-wrap:wrap}.assignment-live-alert{display:block;margin-bottom:18px;padding:16px;border:1px solid #abcdea;border-radius:10px;background:#eef7ff;color:#124c81;font-weight:700}.assignment-live-alert[hidden]{display:none}
@media(max-width:760px){.assignment-notification{flex-direction:column;align-items:stretch}.assignment-actions button{flex:1}.assignment-notification .eyebrow{display:inline-block;margin-top:8px}}