/* WhatsJet — Minimal custom CSS (MudBlazor handles most styling) */

html, body {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #bcc0c4;
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background-color: #f0f2f5;
}

/* Metric card change indicators */
.metric-change-positive {
    color: #42B72A;
}

.metric-change-negative {
    color: #FA3E3E;
}

/* Loading shimmer animation */
.loading-shimmer {
    background: linear-gradient(90deg, #f0f2f5 25%, #e4e6eb 50%, #f0f2f5 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}