/* JazanMangoChain Customer Tracking Page Styles */

.track-hero {
    border-radius: 12px;
    background: linear-gradient(135deg, var(--forest-green-dark) 0%, #173b17 100%);
    color: var(--white);
    padding: 3rem 2rem;
    margin-bottom: 2rem;
    box-shadow: var(--shadow-md);
}

.timeline-panel.card-accent-teal {
    border-left: 4px solid var(--created-color) !important;
}

.timeline-panel.card-accent-green {
    border-left: 4px solid var(--forest-green) !important;
}

.timeline-panel.card-accent-gold {
    border-left: 4px solid var(--primary-gold) !important;
}

.timeline-panel.card-accent-blue {
    border-left: 4px solid var(--received-color) !important;
}

/* Float Animation for public tracking qr codes or badges */
.animate-pulse {
    animation: pulse-shadow 2.5s infinite;
}

@keyframes pulse-shadow {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(45, 106, 46, 0.4));
    }
    70% {
        transform: scale(1.02);
        filter: drop-shadow(0 0 10px rgba(45, 106, 46, 0));
    }
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(45, 106, 46, 0));
    }
}