/* Button notification indicator styles */
.btn.show-holdings-count {
    position: relative;
}

.btn.newly-added {
    animation: button-notification-pulse 2s 3;
}

.btn .position-badge {
    color: inherit;
}

/* Loading spinner for transaction manager */
.loading-spinner {
    color: var(--light-green);
}

/* Pulse animation for buttons — uses --btn-pulse-rgb so each button variant
   can define its own glow color. Defaults to green (matches filter buttons). */
@keyframes button-notification-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--btn-pulse-rgb, 54, 224, 160), 0.5);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(var(--btn-pulse-rgb, 54, 224, 160), 0);
        transform: scale(1.03);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(var(--btn-pulse-rgb, 54, 224, 160), 0);
        transform: scale(1);
    }
}