.task-update-badge{display:inline-flex;align-items:center;justify-content:center;background:#dc3545;color:#fff;border-radius:20px;font-size:11px;line-height:18px;min-width:18px;padding:0 5px;margin-left:7px;flex-shrink:0}
.task-update-toast{position:fixed;top:68px;right:20px;z-index:1200;display:flex;align-items:center;gap:12px;width:min(440px,calc(100vw - 32px));padding:16px;background:white;border:1px solid #cdddf5;border-left:4px solid #4178d5;border-radius:12px;box-shadow:0 8px 30px #172b4d24;pointer-events:auto}
.task-update-toast>div{flex:1;min-width:0;overflow-wrap:anywhere}.task-update-toast p{margin:5px 0 0;color:#596579;font-size:13px}
.task-update-panel{position:fixed;top:64px;right:16px;z-index:1250;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 90px);overflow:auto;padding:18px;background:white;border:1px solid #dce2eb;border-radius:12px;box-shadow:0 10px 40px #172b4d30}
.task-update-panel header{display:flex;justify-content:space-between;align-items:center}.task-update-panel p,.task-update-panel small{color:#657184;font-size:12px}.task-update-list article{border-top:1px solid #e8edf4;padding:12px 0}.task-update-link{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;color:inherit;padding:4px 0;overflow-wrap:anywhere}.task-update-link span{color:#3865a6;font-size:13px}
.artist-task.artist-task-unread{background:#fff9ec;box-shadow:inset 4px 0 #ed9c21}.task-update-marker{font-size:12px;color:#a45b00;background:#ffedc2;border-radius:5px;padding:3px 7px;white-space:nowrap}
#task-updates-open{white-space:nowrap}
@media(max-width:600px){.task-update-toast{right:16px;top:60px}.topbar #task-updates-open{font-size:12px;padding:5px}}