/* ===== OLI Modern Toolbar ===== */
.oli-toolbar.e-toolbar {
    background: #ffffff !important;
    border-radius: 14px; 
    border: 1px solid #f0f0f0;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;  
}

/* Remove default Syncfusion borders */
.oli-toolbar .e-toolbar-items {
    background: #ffffff !important;
    border: none !important;
    gap: 10px !important;
}

/* Buttons */
.oli-toolbar .e-btn {
    background: transparent !important;
    border: none;
    border-radius: 15px !important;
    padding: 8px 5px !important;
    font-weight: 500;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Hover Effect */
    .oli-toolbar .e-btn:hover {
        background: rgba(0, 166, 81, 0.08); /* Soft OLI green tint */
        transform: translateY(-1px);
    }

    /* Active Effect */
    .oli-toolbar .e-btn:active { 
        transform: scale(0.96);
    }

/* Icons */
.oli-toolbar i {
    transition: 0.2s ease;
}

/* Icon hover color */
.oli-toolbar .e-btn:hover i {
    color: #00A651; /* OLI Green */
}

/* Search input */
.oli-toolbar .toolbar-search input {
    border-radius: 20px;
    padding: 6px 14px;
    background: #ffffff !important;
    transition: 0.2s ease;
    width: 300px;
}

    .oli-toolbar .toolbar-search input:focus {
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.15);
    }