/* Old injected <style id="fcm-toast-styles"> of user/partials/firebase.blade.php (unchanged). */
#fcm-toast-container {
    position: fixed; bottom: 20px; right: 20px;
    z-index: 99999; display: flex; flex-direction: column;
    gap: 10px; align-items: flex-end; pointer-events: none;
}
.fcm-toast {
    display: flex; align-items: center; gap: 12px; background: #fff;
    border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    padding: 12px 14px; max-width: 340px; width: 100%; cursor: pointer;
    border-left: 4px solid var(--fcm-accent, #7c3aed);
    animation: fcmSlideIn 0.35s cubic-bezier(.21,1.02,.73,1) forwards;
    transition: opacity 0.3s, transform 0.3s; pointer-events: all;
}
.fcm-toast.removing { opacity: 0; transform: translateX(40px); }
@keyframes fcmSlideIn {
    from { opacity: 0; transform: translateX(60px); }
    to   { opacity: 1; transform: translateX(0); }
}
.fcm-toast__icon { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #f3f4f6; }
.fcm-toast__content { flex: 1; overflow: hidden; }
.fcm-toast__title { font-weight: 700; font-size: 14px; margin: 0 0 3px; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fcm-toast__body  { font-size: 13px; color: #555; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fcm-toast__close { background: none; border: none; font-size: 18px; color: #aaa; cursor: pointer; padding: 0 0 0 8px; line-height: 1; flex-shrink: 0; }
.fcm-toast__close:hover { color: #333; }
.fcm-toast--like      { --fcm-accent: #ef4444; }
.fcm-toast--comment   { --fcm-accent: #3b82f6; }
.fcm-toast--follow    { --fcm-accent: #10b981; }
.fcm-toast--message   { --fcm-accent: #8b5cf6; }
.fcm-toast--challenge { --fcm-accent: #f59e0b; }
.fcm-toast--share     { --fcm-accent: #06b6d4; }
.fcm-toast--mention   { --fcm-accent: #ec4899; }
.fcm-toast--general   { --fcm-accent: #7c3aed; }