.t-tab-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: color 0.3s, transform 0.25s ease;
}

.t-tab-link:hover {
    transform: translateY(-1px);
}

.t-active-tab {
    font-weight: 600;
    background: rgba(158, 247, 250, 0.55);
    backdrop-filter: blur(6px);
    box-shadow:
        inset 0 0 6px rgba(6, 182, 212, 0.18),
        0 2px 8px rgba(0, 0, 0, 0.06);
    border-radius: 9999px;
}

#t-tab-nav #t-tab-underline {
    left: 0;
    transform: translateX(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), width 0.4s ease;
}

/* Mobile hard safety */
@media (max-width: 640px) {
    #t-tab-nav {
        width: 100%;
        max-width: 100%;
    }
}