﻿/* === OLI TAB CONTAINER === */
.oli-tabs {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e6e9ef;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

    /* === TAB HEADER BAR === */
    .oli-tabs .e-tab-header {
        background: #f7f9fc;
        border-bottom: 1px solid #e6e9ef; 
    }

        /* === TAB ITEMS === */
        .oli-tabs .e-tab-header .e-toolbar-item {
            margin-right: 6px;
            border-radius: 8px;
            transition: all .25s ease;
        }

        /* === TAB TEXT === */
        .oli-tabs .e-tab-header .e-tab-text {
            font-size: 13px;
            font-weight: 500;
            color: #6c757d;
            padding: 8px 14px;
        }

        /* === ACTIVE TAB === */
        .oli-tabs .e-tab-header .e-toolbar-item.e-active {
            background: rgba(50, 137, 59, 0.12);
        }

            .oli-tabs .e-tab-header .e-toolbar-item.e-active .e-tab-text {
                color: #32893b;
                font-weight: 600;
            }

        /* === HOVER === */
        .oli-tabs .e-tab-header .e-toolbar-item:hover {
            background: rgba(50, 137, 59, 0.08);
        }

    /* === CONTENT AREA === */
    /*.oli-tabs .e-content {
        padding: 18px 20px;
    }*/

/* === TAB CONTENT === */
.oli-tab-content {
    animation: oliFadeIn .25s ease-in-out;
}
 
/* === FORCE POPPINS ON TAB HEADER (SAFE OVERRIDE) === */
.oli-tabs .e-tab-header,
.oli-tabs .e-tab-header .e-toolbar-item,
.oli-tabs .e-tab-header .e-tab-text {
    font-family: 'Poppins', sans-serif !important;
}

    /* === REMOVE PINK / DEFAULT EJ2 INDICATOR LINE === */
    .oli-tabs .e-tab-header .e-indicator,
    .oli-tabs .e-tab-header .e-toolbar-item::after {
        display: none !important;
    }

/* === REMOVE ANY DEFAULT BOTTOM BORDER LINE === */
.oli-tabs .e-tab-header {
    border-bottom: 1px solid #e6e9ef; /* keep clean divider only */
}


/* === ANIMATION === */
@keyframes oliFadeIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
