@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap');

body {
    font-family: 'Space Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: radial-gradient(circle at 20% 20%, rgba(124,58,237,0.15), transparent 35%),
                radial-gradient(circle at 80% 0%, rgba(14,165,233,0.18), transparent 30%),
                #0b1224;
}

/* Blazor loading indicator */
.loading-progress { display: none; }
#blazor-error-ui { display: none; }

/* Virtualized grid container */
.icon-grid-virtualized {
    height: 70vh;
    overflow-y: auto;
}

/* Custom scrollbar - subtle dark theme */
.scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.15) transparent;
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
}

.scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 3px;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.25);
}

/* Fade-in animation for copy notification */
@keyframes fade-in {
    from { opacity: 0; transform: translateX(-50%) translateY(4px); }
    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.animate-fade-in {
    animation: fade-in 0.2s ease-out;
}