/* Volatility Stability Lock - Prevents Visual Flicker During Updates */

/* Ensure volatility tags maintain their styling during JavaScript updates */
.volatility-tag {
    /* Force stable styling during DOM updates */
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: auto !important;
    
    /* Prevent any flickering during class changes */
    transition: none !important;
    animation: none !important;
    
    /* Lock the visual state during updates */
    contain: style layout;
}

/* Ensure volatility tags don't get affected by table hover states */
.crypto-table tr:hover .volatility-tag,
.crypto-table tr:focus .volatility-tag,
.crypto-table tr:active .volatility-tag {
    /* Maintain original styling during row interactions */
    background: inherit !important;
    color: inherit !important;
    border: inherit !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Prevent any interference from hover killer scripts */
.volatility-tag[style*="hover"],
.volatility-tag[style*="transition"],
.volatility-tag[style*="animation"] {
    /* Override any dynamic style attributes */
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* Lock specific volatility classes to prevent switching */
.volatility-stable,
.volatility-moderate, 
.volatility-active,
.volatility-volatile,
.volatility-highly-volatile,
.volatility-extremely-volatile {
    /* Ensure these classes maintain their styling */
    position: relative !important;
    display: block !important;
    pointer-events: none !important;
}