.tabstrip {
    font-size: 1em !important;
}

/* 🌙 Dark Mode: TabStrip Container */
body.dark-mode .tabstrip {
    background-color: #0f172a;
    color: #f1f5f9;
    border-radius: 0.5rem;
    border: 1px solid #1e293b;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

    body.dark-mode .tabstrip .k-tabstrip-items {
        background-color: #0f172a;
        border-bottom: 1px solid #334155;
    }

    body.dark-mode .tabstrip .k-item {
        background-color: #1e293b;
        color: #94a3b8;
        border: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        body.dark-mode .tabstrip .k-item:hover {
            background-color: #0f172a;
            color: #38bdf8;
        }

        body.dark-mode .tabstrip .k-item.k-active {
            background-color: #0f172a;
            color: #38bdf8;
            border-bottom: 2px solid #38bdf8;
            font-weight: 600;
            position: relative;
            z-index: 2;
        }

        body.dark-mode .tabstrip .k-item.k-state-active::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 1px;
            background-color: #0f172a;
        }

    body.dark-mode .tabstrip .k-tabstrip-content {
        background-color: #0f172a;
        color: #e2e8f0;
        border-top: none;
        padding: 1.25rem;
        border-radius: 0 0 0.5rem 0.5rem;
    }