/* TelerikTabStrip Flickering Fixes */

/* Stabilize tab strip height */
.k-tabstrip .k-tabstrip-items {
    min-height: 44px;
}

/* Prevent tab width changes by stabilizing content */
/* Force GPU acceleration for smoother rendering */
.k-tabstrip .k-tabstrip-items .k-item {
    min-width: fit-content;
    white-space: nowrap;
    will-change: auto;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Consistent padding to prevent size jumps */
/* Fix for bold text width change using text-shadow to simulate bold without changing width */
.k-tabstrip .k-tabstrip-items .k-item .k-link {
    padding: 12px 24px;
    display: inline-block;
    font-weight: 400;
    position: relative;
}

/* Prevent layout shifts when tab becomes active */
.k-tabstrip .k-tabstrip-items .k-item.k-active {
    flex-shrink: 0;
}

.k-tabstrip .k-tabstrip-items .k-item.k-active .k-link {
    font-weight: 400; /* Keep the same weight */
    /* Simulate bold appearance using multiple text shadows */
    text-shadow: 
        0.3px 0 0 currentColor,
        -0.3px 0 0 currentColor,
        0 0.3px 0 currentColor,
        0 -0.3px 0 currentColor;
}

/* Prevent content shifts during loading */
.k-tabstrip .k-tabstrip-content {
    display: block;
    min-height: 200px; /* Prevents collapse during content loading */
}

/* Disable animations that might cause flickering */
.k-tabstrip .k-tabstrip-items .k-item,
.k-tabstrip .k-tabstrip-items .k-item .k-link {
    animation: none !important;
    /* Only transition properties that don't affect layout */
    transition: background-color 0.2s ease, 
                color 0.2s ease, 
                border-color 0.2s ease,
                opacity 0.2s ease;
}