.ttr-live-visitors { display: inline-flex; align-items: center; background: #fdf6ec; border: 1px solid #faebcc; border-radius: 6px; padding: 10px 15px; margin: 15px 0; font-size: 14px; color: #8a6d3b; }
.ttr-pulse-dot { width: 10px; height: 10px; background-color: #3bc25e; border-radius: 50%; margin-right: 12px; position: relative; display: inline-block; }
.ttr-pulse-dot::after { content: ''; width: 100%; height: 100%; border-radius: 50%; background-color: #3bc25e; position: absolute; top: 0; left: 0; animation: ttrPulse 1.8s infinite ease-in-out; }
@keyframes ttrPulse { 0% { transform: scale(0.8); opacity: 0.8; } 100% { transform: scale(2.4); opacity: 0; } }
#ttr-notification-toast { position: fixed; bottom: 25px; left: 25px; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.12); border-radius: 12px; display: flex; align-items: center; padding: 12px; max-width: 300px; z-index: 99999; transition: all 0.5s ease; }
#ttr-notification-toast.ttr-toast-hidden { transform: translateY(150px); opacity: 0; pointer-events: none; }
.ttr-toast-image-wrapper { width: 50px; height: 50px; margin-right: 12px; border-radius: 6px; overflow: hidden; }
.ttr-toast-image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.ttr-toast-content { flex-grow: 1; }
.ttr-toast-title { margin: 0; font-size: 12px; font-weight: 700; }
.ttr-toast-body { margin: 3px 0; font-size: 12px; }
.ttr-toast-close { position: absolute; top: 5px; right: 8px; background: none; border: none; cursor: pointer; }