/* HPC Visualization Styles */

.performance-chart {
    background: var(--md-code-bg-color);
    border-radius: 8px;
    margin: 1rem 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.hot-code-container {
    margin: 1rem 0;
    border-radius: 0.1rem;
    overflow: hidden;
}


/* Responsive design */
@media (max-width: 768px) {
    .performance-chart {
        width: 100% !important;
        height: 300px !important;
    }
    
    .hot-code-container {
        font-size: 12px !important;
    }
}

/* Animation for hover effects */
.performance-chart circle {
    transition: r 0.2s ease, fill 0.2s ease;
}

.performance-chart circle:hover {
    r: 6 !important;
    fill: #ff6b6b !important;
}

/* Code highlighting specific styles */
.hot-code-container pre {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Heatmap background removed to maintain code block styling consistency */

/* Custom scrollbar for code containers */
.hot-code-container::-webkit-scrollbar {
    height: 8px;
}

.hot-code-container::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
}

.hot-code-container::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 4px;
}

.hot-code-container::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.5);
}

/* Dark mode adjustments */
[data-md-color-scheme="dark"] .performance-chart {
    background: var(--md-code-bg-color) !important;
    border: 1px solid rgba(255,255,255,0.1);
}

[data-md-color-scheme="dark"] .hot-code-container {
    border: 1px solid rgba(255,255,255,0.1);
}

/* Print styles */
@media print {
    .performance-chart,
    .hot-code-container {
        break-inside: avoid;
        box-shadow: none !important;
        border: 1px solid #ccc !important;
    }
}