/* ============================================
   OLI MODULE LISTVIEW THEME (Reusable Class)
============================================ */

.oli-module-list {
    font-family: "Poppins", "Segoe UI", sans-serif;
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    border: 1px solid #e6e6e6;
}

    /* HEADER */
    .oli-module-list .e-list-header {
        background: linear-gradient(135deg, #32893b, #85bc4d);
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        padding: 16px 18px;
        letter-spacing: 0.3px;
    }

    /* LIST CONTAINER */
    .oli-module-list .e-content {
        padding: 10px;
        background: #f9fbf9;
    }

    /* LIST ITEM BASE */
    .oli-module-list .e-list-item {
        background: #ffffff;
        margin-bottom: 10px;
        padding: 14px 16px;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 500;
        color: #333;
        cursor: pointer;
        border: 1px solid transparent;
        transition: all 0.25s ease;
        display: flex;
        align-items: center;
    }

        /* LEFT INDICATOR DOT */
        .oli-module-list .e-list-item::before {
            content: "⬤";
            font-size: 10px;
            margin-right: 12px;
            color: #85bc4d;
        }

        /* HOVER EFFECT */
        .oli-module-list .e-list-item:hover {
            background: rgba(50, 137, 59, 0.08);
            border: 1px solid rgba(50, 137, 59, 0.25); 
        }

        /* ACTIVE / SELECTED ITEM */
        .oli-module-list .e-list-item.e-active {
            background: linear-gradient(135deg, #32893b, #85bc4d);
            color: #fff;
            font-weight: 600;
            box-shadow: 0 4px 12px rgba(50, 137, 59, 0.35); 
        }

            /* ACTIVE DOT */
            .oli-module-list .e-list-item.e-active::before {
                color: #fff;
            }

        /* REMOVE LAST MARGIN */
        .oli-module-list .e-list-item:last-child {
            margin-bottom: 0;
        }