.price-higher {
    color: #ef4444;
}

.price-lower {
    color: #10b981;
}

body.dark .price-higher {
    color: #f87171;
}

body.dark .price-lower {
    color: #34d399;
}

.error-message {
    color: #ef4444;
    font-weight: 600;
}

body.dark .error-message {
    color: #f87171;
}

.loading-indicator {
    text-align: center;
    padding: 1rem;
    color: var(--primary-color);
    font-style: italic;
}

/* Add animation for loading indicators */
@keyframes pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

.loading-indicator {
    animation: pulse 1.5s infinite ease-in-out;
}